Css IE kai Firefox

[patraghost]

hello guys! i am new to css and i got a question! I am trying to create a css style of 2 columns,header,footer. i try this simple code

[syntax=css]

Using css Syntax Highlighting
body{
background-color:#000;
margin:0;
padding:0;
}

#header{
margin-top:0;
background-color:#01B084;
height:150px;
text-align:center;
}

#left{
float:left;
width:200px;
background-color:#dc8;
min-height:650px;
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */

}

#center {
padding-left:5px;
margin-left:200px;
background-color:#eec;
min-height:650px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:650px; /* for IE5.x and IE6 */
}

#footer {
clear:both;
background-color:#00CC99;
margin-top:0px;
height:50px;
}

[/syntax]

but in IE i get the left column too small (and with the body backround color of body filled up to footer) and with firefox i get a gap filled with body bockround color above footer.
How can i fix that ?is that dificult to make a simple as that layout for both browsers? thanks in advance !!

[jacek]

The first step to solving cross browser issues like this is usually making sure the HTML you are using is valid, so I would start there before looking at the CSS at all.