Trenger hjelp til å få meny å funke i IE+ et lite problem med borders rundt menyen

[Tinmar]

Har et lite problem med siden min for øyeblikket. Den ser nesten helt grei ut i Firefox, men i Internet Explorer blir menyen ganske så rar. En annen ting som er litt irriterende i Firefox er at det er en pixel glippe mellom menyen og innholdsrubrikken (der teksten står). Derfor må jeg også ha border på li-elementene noe som gjør at de blir litt tykkere i bunnen.

 

Noen smartinger som kan hjelpe meg?

 

Siden

 

CSS:

 

 

body {
background-color: #ffcc66;
font-family: arial, helvetica;
}

#header {
background-color: #bb9055;
margin: 0 10em;
border: black solid;
border-width: 3px 3px 0 3px;
margin-top: 5em;
}

h1 {
text-align: center;
}

#header ul {
list-style: none;
margin: 0;
padding-top: 1em;
background-color: #4658B4;
border-top: solid 3px black;
}

#header a:hover {
background: #ffee33;
}
#header li {
display: inline;
border: 3px solid;
margin: 0 0.5em 0 0.5em;
background-color: #ffcc00;
}

#header li a {
font-size: 1em;
color: black;
text-decoration: none;
padding: 0 1em;
}

#header #selected a {
position: relative;
padding-bottom: 4px;
font-weight: bold;
background-color: #ffff99;
}


h1 {
font-size: 4em;
color: black;
}


#content {
clear: both;
padding: 1em;
  	background-color: #ffff99;
margin: 0 10em;
border-style: solid;
border-color: #000000;
border-width: 3px;
}