grazie per la soluzione, ora i riquadri appaiono anche su firefox, tuttavia non sono affiancati (come si vedono con IE) ma si vedono uno sopra l'altro. come risolvo questo problema?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="en">


<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>
</title>
<link rel="stylesheet" type="text/css" href="1.css">

</head>
<body>
<div id ="1">
</div>
<div>
</div>
</body>

</html>

CSS:

div{
width:40%;
height:40%;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#123456;

}

#1{float:left;}