Problem med baggrunds billede i IE

Denne virker fint (som jeg vil have det) i FF men det virker ikke i IE. Er der nogen der kan forklare mig det? (det er den lille pil der er problemet)

html:
<center>
    <div id="links">   
    <a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Forside</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="Loeb.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Løb</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="Camping.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Camping</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="Fotografering.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fotografering</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&bull;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="Hjemmesideprogramering.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hjemmesideprogramering</a>
    </div>


css:
#links, #links a{
    poisition: absolute;
    width: 800px;
    font-family:arial, verdana, sans-serif;
    font-size: 16px ;
    color: #583a20;
    background: #e9e2da;
    line-height:24px;
    text-decoration: none;
    margin-top: -2px;
    padding-top: 1px;
    }


#links a:hover {
    color: #797864;
    background: #fe9e2da;
    font-family:arial, verdana, sans-serif;
    font-size: 16px ;
    background: url('www.catarinas.dk/pil.gif')no-repeat left 3px;
    }   


a#activelink {
    color: #583a20;
    background: #fe9e2da;
    font-family:arial, verdana, sans-serif;
    font-size: 16px ;
    background: url('www.catarinas.dk/pil.gif')no-repeat left 3px;
    }

siden kan ses på www.catarinas.dk