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>