Hello Kirupans!
I’m having a problem when designing a UL in CSS. Go figure, right? It displays fine in Firefox, but IE6 likes to take it and make short work of my CSS efforts.
You can see what I mean at: http://www.chriscamargo.com
What should I be changing in my CSS?
ul {text-align: left; padding: 0px;}
li {font-size: 0.75em; list-style: none; display: block; width: 380px;}
li a:hover {background-color: #666; text-decoration: none; display: block;}
#wrapper {width: 800px; background-color: #000; margin: 0px auto;}
#header {height: 50px; padding-top: 25px;}
#footer {padding-top: 30px; clear: both; font-size: 0.8em; text-align: center;}
.leftColumn {float: left; display: block; width: 380px; padding: 0 10px 0 10px;}
.rightColumn {float: right; display: block; width: 380px; padding: 0 10px 0 10px;}