Linie indskudt i IE men ikke FF
Jeg sidder med et problem i IE, da mit indhold på siden bliver flyttet et par pixels eller tre ned på siden. Dette sker ikke i FF, og det er heller ikke meningen at det skal gøre det...Er efterhånden på ret bar bund mht hvad jeg skal gøre for at modvirke denne bug...
(Det skal nok også nævnes at det er mit første CSS projekt, så designet kan nok tåle en forbedring, men det er ikke det som dette spørgsmål drejer sig om ;-) )
Og siden er selvfølgelig valideret...
CSS-koden:
body
{
position: relative;
background: #CCCCFF;
font-family: "Trebuchet MS", serif;
}
#wrapper
{
width: 800px;
margin: 0;
border: 1px solid #000;
background: #961E20;
}
#header
{
text-align: center;
border: 3px solid #000;
padding: 10px 10px 10px 0;
background: #eee;
margin:0;
}
#aktiviter
{
font-size: 75%;
color: white;
position: relative;
float: left;
left: 1em;
width: 150px;
padding: 0.5em;
background: #961E20;
margin: 0;
}
#menu
{
font-size: 110%;
font-weight: bold;
color: white;
text-align: center;
background: #961E20;
text-transform: uppercase;
margin: 0;
}
#content
{
position: relative;
font-size:90%;
margin-left: 200px;
padding: 1em;
text-align: justify;
background: white;
overflow: visible;
border-left: 15px solid #d11826;
margin-top: 0;
}