Help: Explorer shows problem, Firefox OK

Hi I am a WordPress newie and after some struggling, I have modified a theme somewhat successfully for Firefox and Safari (a Mac browser) to display my blog properly. (www.magicketchup.com/blog/) I showed the blog to my friend on a PC with Internet Explorer and it didn’t look good. First, I want the blog align left but in IE it is centered. Also, the right column sidebar is flushed down to the bottom. Could anyone help me? The structure section of my style.css is below:

/* Begin Structure */
body {
margin: 0;
padding: 0;
}

#page {
background-color: white;
/* margin: 20px auto; */
margin: 0;
padding: 0;
width: 770px;
border: 1px solid #959596;
}

#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
background-color: #73a0c5;
}

#headerimg {
margin: 0;
height: 200px;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 0 20px 65px;
/* padding: 0 0 20px 45px; */
margin: 0px 0 0;
width: 450px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.post {
margin: 0 0 40px;
text-align: justify;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 30px 0;
}

#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}

#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
/* End Structure */

Thanks…