hey,
Im trying to create a container box that adjusts to 100% of the window size this works fine in IE but mozilla doesnt even display the container box at all?
Any ideas on how I can get this to work in mozilla would be cool. Below is the code:
Many thanks!
CSS:
body {
padding:0;
margin:0;
text-align: center;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
background-image:url(background.jpg);
}
#container {
position: relative;
width: 760px;
margin:auto;
height: 100%;
text-align: left;
color:#FFFFFF;
background-color:#FFFFFF;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<**** **********="Content-Type" content="text/html; charset=iso-8859-1">
<link href="tester.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
this is where 100 white container displays.
</div>
</body>
</html>
simple CSS page not displaying correct in mozilla. ARghhh! 
Linear Mode
