I have a basic CSS rollover effect on my homepage, it works in FF, Safari and Opera. but not in IE, what am I doing wrong or is it just IE being stupid. And what can I do to get it to work?
The code:
HTML
<html>
<head>
<link rel="stylesheet" title="text" type="text/css" href="style.css">
</head>
<body>
<div id="links">
<table width="100%" align="center">
<tr>
<td width="33%" align="center"><a id="a" href="#"><div id="links-div">#</div></a></td>
</tr>
</table>
</div>
<img src="womm.png" alt="Works On My Machine (using my browser and creator)">
</body>
</html>
CSS
#links-div {width:300px;height:150px; background-color:009933; font-family:"papyrus" Serif; font-size:40px; font-weight:bold}
#links-div:hover{background-color:006600}
#header {background-color:white; width:100%; height:230px; position:reative;}
#links {background-color:9CD1BA ;}