
SELECT html tag not working with border-radius
I am attempting to round the corners of a select using css3pie, but the corners will not round. I can see some rounded nodules in the bottom right corner (as if the border is offset and smaller than it should be, then rounded). Below is my code. It's just a small test segment so nothing fancy here.
CSS
Code:
select
{
behavior: url(http:\\site\HTC\PIE.htc);
}
select
{
border:1px solid black;
border-radius: 10px;
}
HTML
Code:
<html>
<head>
<link rel="Stylesheet" href="test.css" />
</head>
<body>
<div id="divy"><select></select></div>
</body>
</html>