Poziome menu z UL w IE Opcje

[-PaVliK-]

Witam

Juz kilka godzin próbuje dojśc co robie nie tak lecz póki co bezskutecznie dlatego postanowiłem sie do Was zwrócić o pomoc. Otóż skonstruowałem za pomocą <ul> poziome menu, które w Firefoxie wyświetla się jak najbardziej poprawnie a ten chory "Internet Exploder" ucina mi górny border. Cała sprawa wygląda mniej więcej tak:



Kod HTML:

Kod

<div id="menu_poziome">
      <ul id="navlist">
       <li><a href="index.php?page=ofirmie">O firmie</a></li>
        <li id="active"><a href="index.php?page=oferta">Oferta</a></li>
        <li><a href="index.php?page=dojazd">Dojazd</a></li>
        <li><a href="index.php?page=kontakt">Kontakt</a></li>
      </ul>
  </div>

Kod CSS:

Kod

div #menu_poziome {
    height: 30px;
    margin: 0px;
    width: 470px;
    float: left;
}


#navlist
{
    float: left;
    height: 30px;
    margin: 2px;
    padding-top: 2;
}

#navlist li
{
    display: inline;
    list-style-type: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}
div #navcontainer {
    width: 470px;
    float: left;
    height: 30px;
    margin: 0px;
}



#navlist a
{
    background-image: url(nowe/guzik_normal.gif);
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 28px;
    border: 1px solid #000000;
    margin-right: 18px;
}

#navlist a:link, #navlist a:visited
{
    text-decoration: none;
    color: #000000;
}

#navlist a:hover
{
    border: 1px solid #333;
    background-image: url(nowe/guzik_nad.gif);
    color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
    border: 1px solid #333;
    background-image: url(nowe/guzik_nad.gif);
    color: #333;
}

Z góry serdecznie dziękuje za pomoc.