Baggrund bliver væk

Hej med jer,

Jeg sidder med en include fil som jeg bruger til en grafisk menu i toppen af en side. Filen ser sådan ud:

<%if session("Login") then%>
<div class="img" style="background: url(pics/headerbg.png) repeat-x; width:100%;">
    <span style="width:25%; float:left; text-align:center;"><a href="default.asp"><img border="none" src="pics/tilb.png" alt="tilb.dk" width="40" height="50" /></a></span>
    <span style="width:25%; float:left; text-align:center;"><a href="Plist.asp"><img border="none" src="pics/liste.png" alt="liste" width="40" height="50" /></a></span>
    <span style="width:25%; float:left; text-align:center;"><a href="search.asp"><img border="none" src="pics/sog.png" alt="soeg" width="40" height="50" /></a></span>
    <span style="width:25%; float:left; text-align:center;"><a href="logout.asp"><img border="none" src="pics/logout.png" alt="log ud" width="40" height="50" /></a></span>
<%else%>
<div class="img" style="background: url(pics/headerbg.png) repeat-x; width:100%;">
    <a href="default.asp"><img border="none" src="pics/tilb.png" alt="tilb.dk" width="40" height="50" /></a>
    <a href="Plist.asp"><img border="none" src="pics/liste.png" alt="liste" width="40" height="50" /></a>
    <a href="search.asp"><img border="none" src="pics/sog.png" alt="soeg" width="40" height="50" /></a>
    <a href="default.asp"><img border="none" src="pics/login.png" alt="log ind" width="40" height="50" /></a>
<%end if%>
</div>

Den øverste menu (der vises når brugerne er logget ind) har menuikonerne placeret korrekt, men baggrundsbilledet vises ikke.

Den nederste menu får vist både baggrunden og billederne men billederne er bare placeret til venstre.

Jeg har prøvet at gøre baggrunden på de indlejrede spans transparent, men det gjorde ingen forskel.

Hvordan får jeg vist mit baggrundsbillede bag de 4 spans?