Design looks fine in all browsers EXCEPT IE6. Help?

HTML:

   <div id="navigation">
    	<ul>
            <li><a href="index.php">Home</a></li>
            <li><a href="profile.php">Profile</a></li>
            <li><a href="photos.php">Photos</a></li>
            <li><a href="videos.php">Videos</a></li>
            <li><a href="events.php">Events</a></li>
            <li><a href="sponsors.php">Sponsors</a></li>
            <li><a href="members.php">Members</a></li>
            <li><a href="mychapter.php">My Chapter</a></li>
        </ul>
    </div>

Code (markup):

CSS:

Here's what it looks like in IE6.
Here's what it looks like in IE7+, FF, Chrome, etc.

I'm lost. Any ideas?

 

Just add this code into your style sheet:

*html #navigation ul li a {
float:left;
}

If you have problem about css, just pm me... ready to help. (^_^)