|
I'm new to this forum, so sorry if this have been posted before.
So the problem is, I'm making this website and now, when I'm almost done with it I realize that the CSS menu doesn't work properly in Internet Explorer 6. Maybe one of you guys can help me?
Here is the css code:
#menu2{text-align: center;font-size:1.08em;list-style:none;}
#menu2 li{text-align: center; }
#menu2 a{display:block;float:left;height:30px;padding:0 10px;background:url('img/nav.gif');background-color:inherit;color:#ffffff;font-weight:bold;line-height:38px;text-decoration:none;}
#menu2 a:hover{background:url('img/nav.gif') left bottom;background-color:inherit;color:#6972a8;text-decoration:underline;}
#menu2 .selected{background:url('img/nav.gif') left bottom;background-color:inherit;color:#ffffff;text-decoration:underline;}
The links in the menu are uneven and everything just floats to the left instead of in the middle.
I think that Internet Explorer 6 doesn't read all the CSS code, not sure though...
Does anyone have a thought about this? Or do I just have to accept that it doesn't work in IE6 and rebuild the menu?
Thanks!
|