Hjælp med css design
Hej jeg er igang med at hjælpe en med et design og jeg kan ikke få det til at virke i firefox i IE er der ingen problemer den gør sådan her i firefoxhttp://peecee.dk/?id=79332
Min html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"></head>
<body>
<div id="top"> </div>
<div id="main">
<div id="menu">$categorybox</div>
<div id="indhold">$content </div>
</div>
<div id="footer"> </div>
</body>
</html>
min css
html, body { height:100%; min-height:100%; background-color:#ededed; /*border:30x solid #000000;*/ padding:0; margin:0; text-align: center;}
#top {
position: relative;
top:0px;
background-image:url("images/Untitled-1_02.jpg");
background-repeat:no-repeat;
left:0px;
height:158px;
margin-left: auto;
margin-right: auto;
width: 969px;
/*background-position:center;*/
}
#main {
position: relative;
background-image:url("images/Untitled-1_04.jpg");
background-repeat:repeat-y;
min-height:100%;
margin-left: auto;
margin-right: auto;
width: 969px;
/*background-position:center;*/
}
#menu {
position: relative;
top:0px;
left:0px;
float:left;
width:140px;
margin-left:80px;
border:solid 1px #000000;
text-align:left;
}
#indhold {
position: relative;
top:0px;
float:right;
width:645px;
margin-right:95px;
text-align:left;
border:solid 1px #000000;
}
#footer {
position: relative;
background-image:url("images/Untitled-1_05.jpg");
bottom:-1px;
height:94px;
margin-left: auto;
margin-right: auto;
width: 969px;
/*background-position:center;*/
/*bottom:10px;*/
vertical-align:bottom;
}
er der en som kan se problemet?
