BetterPHP

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

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;
}

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 !!

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.