Please Help! (CSS Problem)
Internet Explorer looks different from Firefox
#navcontainer ul { padding-left: 0; margin-left: 0; background-color: #036; color: White; float: left; width: 100%; font-family: arial, helvetica, sans-serif; } #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 0.2em 1em; background-color: #036; color: White; text-decoration: none; float: left; border-right: 1px solid #fff; } #navcontainer ul li a:hover { background-color: #369; color: #fff; }
<!--NAVIGATION ON TOP STARTS --> <div id="navcontainer"> <ul> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> <!--NAVIGATION ON TOP ENDS --> <div id="header"> </div>
After5PC.net
Freelance Web Development
and Graphic Design Services