Oddest issue this works fine in FF3 but in IE its not even close.



Coded Part
HTML Code:
    <div id="header"><span id="headerBanner"><img src="images/banner_img.jpg" /></span>
        <div id="menu">
        <ul>    <span id="menu_right">674 web proxies, 180 hits served so far</span>
        <li><a href="#">Home</a></li>
        <li><a href="#">Submit Site</a></li>
        <li><a href="#">Resources</a></li>
        <li><a href="#">Articles</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Services</a></li>
The Css I have
#header { 
            padding: 4px 0 0 0;
            margin: 0 auto;
            width: 777px;
            text-align: left;
#header h1 { 
            text-indent: -9999px;
            background: url('images/header.gif') no-repeat left top;
            height: 84px;
            width: 762px;
            margin: 5px auto;    

#headerBanner {
             margin: 0 auto;
             padding: 15px 15px 0 0;
I can usually find these fairly easy but I need a fresh set of eyes as I am missing a dumb mistake.