grazie per il consiglio, tuttavia se applico ai div la proprietà display:inline; per ottenere due riquadri affiancati, ottengo il risultato che voglio solo con IE, per gli altri browser nn cambia niente.
ecco il codice modificato:
<!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>
</div>
<div>
</div>
</body>
</html>
e il relativo CSS (anch'esso modificato):
div{
width:40%;
height:40%;
border-color:#000000;
border-width:1px;
border-style:solid;
background-color:#123456;
display:inline;
}