CSS Margin-top virker ikke i firefox
Hej!Jeg har nogle bokse der er lavet via et par div's. Jeg har så anvendt margin-top for at teksten ikke skal stå helt oppe toppen af boksen, men lidt længere nede. Det virker perfekt i IE, men i firefox virker det slet ikke.
Nogle der kunne have en ide til dette?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Titel</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="main">
<div id="top"> </div>
<div id="navigation">
Link link link
</div>
<div id="menu_right">
Link link
</div>
<div id="middle">
<div id="left">
<div class="box_left"> </div>
<div class="box_middle">Log ind</div>
<div class="box_right"> </div>
<div class="box_border">
<div class="box_inner">
Tekst.
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
</body>
</html>
-------------------------
CSS:
-------------------------
body, pre {
font-family: Arial;
font-size: 12px;
color: #000000;
background-color: red;
}
#top {
width: 100%;
height: 200px;
background-image: url("billede-url");
background-repeat: no-repeat;
}
#menu {
float: left;
width: 80%;
padding-top: 4px;
padding-bottom: 3px;
font-family: Arial;
font-size: 15px;
background-color: #FFFFFF;
text-align: left;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#menu_right {
float: left;
width: 20%;
padding-top: 2px;
padding-bottom: 2px;
font-family: Arial;
font-size: 15px;
background-color: #FFFFFF;
text-align: left;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#middle {
width: 100%;
height: 100%;
background-color: #FFFFFF;
}
#left {
float: left;
width: 150px;
margin-top: 5px;
margin-left: 5px;
text-align: left;
}
.clear {
font-size: 0px;
clear: both;
}
Jeg takker mange gange på forhånd.
