Verschil firefox - internet explorer

[pindokaas]

Hoi hoi, ik heb met veel pijn en moeite een site inelkaar geknutseld, maar nu zie ik dat ie in explorer er wel goed uitziet en in firefox niet. Zou iemand me kunnen aangeven wat ik moet veranderen zodat mijn site in beide browsers er goed uitziet? Alvast bedankt voor de te nemen moeite!

http://www.earpatch.com


Dit is mijn style sheet:

/* CSS Template by */

body {
background-image:url(http://www.earpatch.com/Achtergronden/bg.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
background-color:#081951;
margin:20px;
padding:0;
text-align:center;
}

h1 {
font-size:36px;
color:#ffffff;
font-weight:700;
margin:0;
}


h2 {
font-size:10px;
color:#F90;
margin:0;
font-weight:700;
}

h3 {
font-size:16px;
color:#0F5E9F;
font-weight:700;
margin:0;
padding-bottom:5px;
border-bottom:0px dotted #CCC;
}


p {
margin-top:5px;
padding-bottom:5px;
font-size:11px;
line-height:1.5em;
}

#container {
font-family:verdana;
font-size:11px;
margin:0 auto;
width:730px;
padding:0px;
height:auto;
background-color:#FEFDF9;
text-align:left;
}

#banner {
width:730px;
height:150px;
}

#bannerLeft {
width:150px;
height:150px;
margin-right:0px;
background-image:url(http://www.earpatch.com/Achtergronden/leaf.jpg);
float:left;
}

#bannerRight {
width:560px;
height:150px;
background:url(http://www.earpatch.com/Achtergronden/bg1b.jpg) repeat-x;
float:left;
padding:70px 0 0 20px;
}

#bannerRight :hover {
color:#F88700;
}

#content {
background:url(http://www.earpatch.com/Achtergronden/bg1.jpg) repeat-y;
height:1%;
}

#leftColumn {
float:left;
}

#nav {
margin:0;
padding:0;
list-style:none;
}

#nav a {
display:block;
font-size:11px;
color:#FE9900;
text-decoration:none;
padding:10px;
padding-left:20px;
width:130px;
height:10px;
border-bottom:0px dotted #333;

}

#nav a:hover {
color:#ffffff;
}

#leftColumnBottom {
width:110px;
background:url(http://www.earpatch.com/Achtergronden/bg1c.jpg) repeat-x;
padding:110px 20px 10px;
color:#EAEAEA;
}

#rightColumn {
width:570px;
height:auto;
}

#rightColumnA {
float:left;
width:250px;
padding-left:18px;
padding-right:20px;
color:#666;
}

#rightColumnB {
float:right;
width:250px;
padding-right:10px;
color:#666;
}

#rightColumnC {
float:left;
width:250px;
padding-left:18px;
padding-right:20px;
color:#666;
}

#rightColumnD {
float:right;
width:250px;
padding-right:10px;
color:#666;
}

#rightColumnE {
float:left;
width:250px;
padding-left:18px;
padding-right:20px;
color:#666;
}

#rightColumnF {
float:right;
width:250px;
padding-right:10px;
color:#666;
}

#rightColumnX {
height:1250px;
float:left;
width:540px;
padding-left:18px;
padding-right:20px;
color:#666;
}

#rightColumnZ {
float:left;
width:540px;
padding-left:75px;
padding-right:20px;
color:#666;
}

#rightColumnQ {
float:left;
width:540px;
padding-left:95px;
padding-right:20px;
color:#666;
}

#clear {
clear:both;
}

.date {
font-size:10px;
color:#999;
font-weight:normal;
}

#copyright {
padding-top:10px;
font:10px Arial,Helvetica,sans-serif;
color:#369;
}

#copyright a {
text-decoration:none;
color:#369;
}

#copyright a:hover {
color:#F39;
}