# Damn you IE! \*shakes fist\*

**URL:** <https://forum.kirupa.com/t/damn-you-ie-shakes-fist/207612>\
**Category:** web dev\
**Created:** [November 20, 2006, 12:20am UTC](https://forum.kirupa.com/t/damn-you-ie-shakes-fist/207612 "2006-11-20T00:20:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![camargo](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/camargo/32/1363_2.png) [@camargo](https://forum.kirupa.com/u/camargo)\
**Post date:** [November 20, 2006, 12:20am UTC](https://forum.kirupa.com/t/damn-you-ie-shakes-fist/207612/1 "2006-11-20T00:20:52Z")

</div>

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](http://www.chriscamargo.com)

What should I be changing in my CSS?

```auto
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;}

```