flash: Rounded Corners in Chrome nicht ganz korrekt -> Bug in chrome?

Hallo,

ich will einem DIV mit Hilfe von CSS3 abgerundete Ecken hinzufügen. Dies mache ich mit folgendem Code. Leider werden die abgerundeten Ecken in Chrome nicht ganz korrekt dargestellt. Der weiße Hintergrund geht scheinbar minimal über den schwarzen Rand des DIVs hinaus und das sieht dann ein bisschen unschön aus.
Hat jemand Erfahrungen damit? Ist das ein Bug in Chrome oder kann man da irgend etwas gegen tun?

Viele Grüße
flash

In Firefox wird alles korrekt angezeigt.
 ~~~css <html>
<head>
<style type="text/css">
body{
background:grey;
}
.test{
background:white;
border:1px solid black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
height:50px;
width:50px;
}
</style>
</head>

<body>  
	  
	<div class="test"></div>  
</body>  

</html>

  1. Hi,

    hilft es evtl. -webkit-background-clip: padding-box; mit anzugeben?

    ~dave

  2. Grüße,

      		-webkit-border-radius: 5px;  
      		-moz-border-radius: 5px;  
    

    du hast komische typos in deiner "borde-radius" schreibweise
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
    1. Hi,

      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      du hast komische typos in deiner "borde-radius" schreibweise

      Ich seh da nur einen Typo - bei Dir, bleicher (oder sollte ich bleiche schreiben?), fehlt das r am Ende von border.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      O o ostern ...
      Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
      1. Grüße,

        Ich seh da nur einen Typo - bei Dir, bleicher (oder sollte ich bleiche schreiben?), fehlt das r am Ende von border.

        so wie r am ende der berliner maut?
        MFG
        bleicher

        --
        __________________________-

        FirefoxMyth
  3. @@flash:

    nuqneH

    Leider werden die abgerundeten Ecken in Chrome nicht ganz korrekt dargestellt. Der weiße Hintergrund geht scheinbar minimal über den schwarzen Rand des DIVs hinaus und das sieht dann ein bisschen unschön aus.

    Auf dem Mac kann ich keine Unschönheiten feststellen. Von welchem Betriebssystem sprichst du?

      		-webkit-border-radius: 5px;  
      		-moz-border-radius: 5px;  
    

    Mas ist mit IE und Opera?

    Übrigens beherrschen die neusten Versionen aller großen Browser 'border-radius' ohne Präfix.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. @@Gunnar Bittersmann:

      nuqneH

      Mas ist mit IE und Opera?

      Mer hat das M auf den Kopf gestellt? Maruw?

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Wark Tmain)