Får ikke bort blå strek i menyen

[Tinmar]

Jeg holder på å designe en nettside, men jeg har et lite problem. Når det ene menyvalget er valgt får det en blå strek over seg som jeg gjerne vil ha bort. En annen ting som jeg også ikke helt skjønner er at det ser ut som det er en piksel glippe mellom "li" taggene og #content slik at jeg må ha border der for at det ikke vises.

 

Noen som kan hjelpe meg?

 

Her er siden og under er css-koden.

 

 

body {
background: #0083d7;
font-family: arial, helvetica;
}

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

h1 {
text-align: center;
}

#header ul {
list-style: none;
margin: 0;
padding-top: 1em;
background-color: #003399;
}

#header li {
display: inline;
border: 5px solid;
margin: 0 0.5em 0 0.5em;
}

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

#header #selected a {
position: relative;
top: 6px;
font-weight: bold;
background-color: #e5e2af;
}

h1 {
font-size: 4em;
color: #5e757c;
}


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

 

[iNeo]

Ser ikke problemet du beskriver i Firefox jeg altså.

[Tinmar]

Var kanskje en litt dårlig beskrivelse, men mellom den svarte borderen og der det står "hjem" blir det en blå strek.

[semafor]

Det er jo ikke rart? Du trekker jo a-elementet 6px ned, og li har ingen bakgrunn.

 

Gi li-elementet bakgrunnen a-elementene har, problem solved.

 

Tips: http://htmldog.com og Les før du poster-artikkelen i dette forumet.