CSS forskel i Firefox og IE
Hej Eksperter. Jeg sidder og roder lidt med et stylesheet - der i grunden er meget simpelt. Jeg har valgt udelukkende CSS og undgå tabeller.I firefox står denne side flot - men noget går galt i IE 7.
Contentboksen ude til højre ryger til tops i IE. Nogen der kan finde en løsning her?
Se eksemplet her: www.slaskeren.dk
------------------------------------------------------------------
Stylesheet:
body
{
text-align:center;
background-color:#c3c3c3;
width:100%;
min-width:900px;
color:#ffffff;
}
#overall
{
float:left;
clear:both;
width:940px;
min-width:940px;
margin-left: 10%;
margin-right:10%;
background-color:#333333;
}
#top
{
float:left;
clear:both;
width:920px;
min-width:920px;
height:100px;
margin-left: 10px;
margin-right:10px;
clear:both;
background-color:#581919;
}
#contentholder
{
float:left;
clear:left;
width:800px;
min-width:800px;
height:400px;
margin-left: 10px;
margin-right:10px;
background-color:#581919;
}
#rightcontent
{
float:right;
clear:right;
width:100px;
min-width:100px;
height:400px;
margin-left: 10px;
margin-right:10px;
background-color:#581919;
}
#menu
{
float:left;
clear:both;
display:inline;
width:920px;
min-width:920px;
margin: 10px 10px 10px auto;
}
.menu1
{
float:left;
width:920px;
font-family:Calibri, Verdana, Arial;
font-size:16px;
color:#ffffff;
}