IE 6 leaves a big cab between list items

[bbg]

So my list should look like this:

LINK1

LINK2

LINK3

LINK4

But in IE 6 it's more like this:

LINK1


LINK2


LINK3


LINK4

Cabs are bigger. Anybody know why is this?
I've browsed all the IE bug listing sites that I've found but, cause I'm a rather rookie with CSS it's really tedious task to try understand what could it possibly be.

Here's the css

#button {
        position: absolute; 
        left: 15px;
        top: 70px;
        width: 11em;
        padding: 0px;
        }
    #button ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }
    #button li { 
        margin: 0; 
        padding: 0;
        }
    #button a { 
        display: block;
        color: #c7baa3;
        width: 11em;
        padding: 6px 0px 6px 0px;
        margin: 0 0 0 0;
        text-decoration: none;
        text-align: left;
        font-weight: bold;
        border-bottom: 1px solid #fff;
        }

And HTML

<div id="button">
        <ul>
            <li class="graphics"><a href="graphics.html">GRAPHICS</a></li>    
            <li class="objects"><a href="objects.html">OBJECTS</a></li>
            <li class="photography_people"><a href="photography_people.html">PHOTOGRAPHY</a></li>
            <li class="dj"><a href="dj.html">DJ</a></li>
            <li class="about_me"><a href="aboutme.html">ABOUT ME</a></li>
            <li class="contact"><a href="contact.html">CONTACT</a></li>
            <li class="blog"><a href="blog.html">BLOG</a></li>
        </ul>
    </div>

thanks

[nitinpatel1117]

Hi,

Your code seems to work fine on my version of ie6

[bbg]

hmm... Could it be the charset? I have it in UTF-8. Should it be in ISO-8859-1?

Btw if I use the ISO-8859-1 what character encoding mode should I set my documents then? I cant find ISO-8859-1 in the list, TextWrangler is the editor in this case.

Thank you