inline List og position i div browsere

Jeg sidder og slåser lidt med en inline list og positionen i lidt forskellige browsere.
IE 6 næsten ok (næsten)
Opera 7,21 Ok (næsten)
Netscape 7,1 Øv
Firefox 0,8 Øv

Inline listen ligger i
<div id="BannerNav">
<ul>
    <li><a href="#">Hjem</a></li>
    <li><a href="#">Grafik</a></li>
    <li><a href="#">Html</a></li>
    <li><a href="#">Windows</a></li>
    <li><a href="#">Fireworks</a></li>
</ul>
</div>

og css er

#BannerNav {
    left: 0px;
    position: absolute;
    top: 85px;
    width: auto;
}
#BannerNav li {
    display: inline;
    font-family: Tahoma;
    color: #47548D;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 1.1em;
    margin-right: 10px;
    position: static;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
}

Den ligger så oven på

<div id="NavImg">
&nbsp;
</div>

med css

#NavImg {
    background-image: url(/design_test/1/menu_horz_top/Menu_Center_Full_hight.gif);
    background-repeat: repeat-x;
    height: 35px;
}

for at få den grå agtige baggrund som strækker sig over hele sidens brede.

men i Netscape og Firefox synker Listen for langt ned, Hvorfor?

Hvordan får jeg Listen til at gå helt ud til venstre i alle browsere ?