Navigation not displayed in IE7

[elina_vg]

Hi guys,
Im new to CMSms and am having some problems with IE.

Im using CMSms 1.5.3 PHP Version 5.2.6 and the problem I have is with IE7. I havent had the chance to see the page in IE6 so I dont know how it looks there. It looks fine in Mozilla.

My html

<div id="header-links">
        <ul>
                        <li ><a href="index.php" target="_self"  id="first"></a></li>
                        <li ><a href="index.php?page=reserver_vin"  id="second"></a></li>
         <li ><a href="index.php?page=events" id="third"></a></li>    
                        <li ><a href="index.php?page=kontakt" id="fourth"></a></li>      
                  </ul>   

      </div>

My Css

/* header links */
#header #header-links {
   position: absolute;
   top: 60px;    left:38px;
   color: #600;
   
}
#header #header-links a#first span {   
   padding:0 180px  289px 0;

height:289px;
background:url(uploads/images/vinlande.jpg) no-repeat;
}
#header #header-links a#first:hover span {
      background:url(uploads/images/vinlande_color.jpg) no-repeat;
}


#header #header-links a#second span {   
   padding:0 180px  289px 0;

height:289px;
background:url(uploads/images/reserver.jpg) no-repeat;
}
#header #header-links a#second:hover span {
      background:url(uploads/images/reserver_color.jpg) no-repeat;
}


#header #header-links a#third span {   
   padding:0 180px 289px 0;

height:289px;
background:url(uploads/images/events.jpg) no-repeat;
}
#header #header-links a#third:hover span {
      background:url(uploads/images/events_color.jpg) no-repeat;
}


#header #header-links a#fourth span {   
   padding:0 180px  289px 0;
height:289px;
background:url(uploads/images/kontakt.jpg) no-repeat;
}
#header #header-links a#fourth:hover span {
      background:url(uploads/images/kontakt_color.jpg) no-repeat;
}

Could anybody give me some ideas on how to solve my problem?

Thanks