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>
<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;
}
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.