Chrome vs. Firefox: border-radius

Internet: PHP, CGI, stb.

Sziasztok!

Egy olyan megjelenítési problémával állok szemben, amivel nem tudok mit kezdeni, mert nem igazán jöttem még rá, hogy mi miatt jelenik meg rosszul(?) a formázás.

Adott egy CSS kód, ami a következőképpen néz ki:


blockquote {
    background: #f2f7fc;
    border-style: solid;
    border-width: 1px 4px;
    border-color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

blockquote {
    font-style: italic;
    margin: 0 2em;
    padding: 1em 1em 0.5em;
}

Mindez Firefoxból nézve így jelenik meg:

Viszont ha Chromeból megnézem az oldalt, akkor azt látom, hogy a sarkoknál nem simulnak egybe a szegélyek, így pedig elég rondán néz ki:

Ezzel szerintetek mit lehetne kezdeni? És egyáltalán melyik böngésző jeleníti meg "jól" a sarkokat, melyiknek higgyek?

  • 1237 megtekintés

( kicca | 2011. 01. 28., p – 22:35 )


.blockquote {
        border: 1px solid #000000;
        background-color: #000000;
        margin: 0 2em;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
}

.blockquote-inner{
    background-color: #f2f7fc;
    font-style: italic;
    padding: 1em;
     margin: 0 3px;
             border-radius: 2px;
             -moz-border-radius: 2px;
             -webkit-border-radius: 2px;
}

-- 


                <div class="blockquote">
                        <div class="blockquote-inner">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non sapien ligula, at auctor massa. Nam mauris augue, rutrum ut facilisis non, sagittis at nisl. Aenean ultricies elementum turpis, vestibulum tempor ipsum blandit vitae. Curabitur id mauris nec lacus rutrum semper non a augue. Nulla facilisi. Donec eget ligula et dolor accumsan vehicula eu vel urna. In hac habitasse platea dictumst. Praesent a erat tristique massa tincidunt dignissim eget id libero. Nam eu lorem elit, tincidunt interdum magna. Nunc non nunc elit, a dignissim dui. Proin sit amet tellus quis est sagittis consequat eu quis magna. Sed ultricies viverra tortor, sed vulputate justo volutpat sed. Vivamus a augue nisi, nec faucibus nisi.
                        </div>
                </div>

Na igen, ez a megoldás valóban működik. De a probléma az, hogy ez egy wordpress sablon része lenne, az idézeteket pedig a blockquote elembe teszi az admin felület. A felhasználóknak meg mégsem mondhatom azt, hogy akkor most az összes ilyen elemedet írd át szépen div-re, és ne használj blockquote elemet, mert ez nonszensz lenne velük szemben. Például ha van egy felhasználónak 40 oldalas blogja és letölti ezt a sablont, akkor mondjam neki azt, hogy mind a 40 oldalon írja át az idézeteket?

Tehát anélkül, hogy hozzányúlnék, plusz elemeket tennék a HTML kódba, megoldható lenne-e, hogy Chrome alatt is simuljanak egybe a sarkoknál a szegélyek vagy mindenképpen a fenti megoldással kell trükközni?

--
http://modellers.hu