Forskellige baggrundsbilleder virker i firefox,ikke i explorer

Hvordan skal man skrive det, så det virker i både firefox og explorer?

jeg giver lige et uddrag af min kode, først html, og derefter css:

HTML:
<div id="left">left</div>

<div id="toplayer">
        <h2>fin overskrift</h2>
</div>


CSS:
#left
{
        height:443px;
        width:768px;
        position:absolute;
        top:100px;
        background:url('../images/mouse2.gif')no-repeat bottom left;
}
#toplayer
{
        height:100px;
        width:768px;
        position:absolute;
        vertical-align: top;
        text-align: center;
        top:0px;
        background: url('../images/top_logo_background.gif')bottom left;
}

Jeg har prøvet at flytte billederne ud i rod mappen, men dette hjalp desværre ikke, det skal måske lige nævnes, at jeg ikke ønsker anvende tabeller :-)

På forhånd tak
oversjanten