Border-radius absolutely not working
For reference, you can visit
http://rentcondos4less.cloudmedia.biz. None of my border-radius code is working in IE7 or IE8. Here is a code snippet:
Code:
hgroup > div {
padding-bottom:5px;
background:#003399;
border-radius:0px 0px 5px 5px;
behavior:url(http://rentcondos4less.cloudmedia.biz/app/webroot/js/PIE.php);
position:relative;
text-align:center;
color:#FF9900;
-webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,102,0.7);
-moz-box-shadow:1px 0px 1px 0px rgba(0,0,102,0.7);
box-shadow:1px 0px 1px 0px rgba(0,0,102,0.7);
}
I am using the php file just to make sure that there are no content-type issues (even though I have added .htc to my .htaccess files). The .htc file is uploaded into the same folder as the php file. I am using an absolute path. The html file is
. Position:relative is added everywhere I want my border-radius. I am using border-radius, and not the browser prefixes. It SHOULD work, right?! Anyone got a clue why it doesn't?
Forums
