Ho questa pagina con una div laterale sinistra di 170px e una div che prende il resto della pagina in orizzontale

Questa la pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link href="css2.css" rel="stylesheet" type="text/css">
</head>
<body>

<div id="colonnasx">
QUESTO IL CONTENUTO DELA DI COLONNASX
</div>
<div id="content1">
QUESTO IL CONTENUTO DELLA DIV CONTENT1
</div>
</body>
</html>

Questo il css:

div#colonnasx{
float: left;
/width: 170px;
\width:170px;
w\idth:170px;
padding: 0px 0 0 0px;
border-width: 0px 2px 0px 0px;
border-style: solid;
border-color: #cc3300;
height: auto !important;
height: 450px;
min-height: 450px;
}
div#content1{
padding: 10px 10px 0px 20px;
height: auto !important;
height: 440px;
min-height: 440px;
}

Il problema è che con IE la div content2 prende il padding a sinistra, mentre con firefox no.
Come posso fare?