pb d'affichage entre FF a IE (css)

bonsoir, voila j'ai un pb d'affichage entre FF et IE sur le site que j'essaye de faire.

je suis débutant, j'ai commencé ce matin, et mon site est tres moche sur IE.


auriez vous une solution a m'apporter ?

merci d'avance.

voici le code:

* {
margin : 0;
padding : 0;
}
body {
background-image : url(images/image3.jpg);
background-attachment : fixed;
background-repeat : repeat;
background-position : left top;
}
a:focus {
outline : none;
}
#Top {
margin : 0 auto;
width : 737px;
text-align : center;
}
#Top h1 {
margin : 10px 0 0;
padding : 0 0 0 10px;
float : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 36px;
font-weight : bolder;
color : #ffffff;
}
#Container #Container-Inner #Right p a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Right p a:hover {
text-decoration : none;
}
#Container {
margin : 0 auto;
width : 737px;
border : 10px solid #4f4f4f;
clear : both;
background-color : #000000;
}
#Container #Container-Inner {
border : 10px solid #ffffff;
background-color : #b2d454;
overflow : auto;
background-image : url(images/main-bg.gif);
background-repeat : no-repeat;
background-position : left bottom;
}
#Container #Container-Inner #Left {
margin : 10px;
padding : 0;
float : left;
width : 170px;
}
#Container #Container-Inner #Right {
float : right;
margin : 10px 10px 10px 0;
padding : 0;
width : 510px;
}
#Container #Container-Inner #Left ul {
float : left;
margin : 0;
padding : 0;
}
#Container #Container-Inner #Left li {
list-style-type : none;
}
#Container #Container-Inner #Left li a {
display : block;
width : 152px;
background-image : url(images/menu-link.gif);
line-height : 26px;
margin : 0 0 2px;
padding : 0 0 0 10px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-style : italic;
text-decoration : none;
font-size : 14px;
}
#Container #Container-Inner #Left li a:hover {
color : #b2d454;
}
#Container #Container-Inner #Left .Undermenu {
margin : 0;
padding : 10px;
clear : both;
}
#Container #Container-Inner #Left .Undermenu p {
font-family : Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-size : 10px;
line-height : 18px;
margin : 10px 0 0;
padding : 0;
text-align : left;
}
#Container #Container-Inner #Left .Undermenu a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Left .Undermenu a:hover {
text-decoration : none;
}
#Container #Container-Inner #Right h1 {
background-image : url(images/h1.gif);
background-repeat : no-repeat;
margin : 10px 0 0;
padding : 0 0 0 55px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 18px;
color : #6f5a59;
line-height : 46px;
}
#Container #Container-Inner #Right h2 {
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
margin : 0;
padding : 5px 5px 10px 20px;
font-size : 18px;
font-weight : bold;
}
#Container #Container-Inner #Right p {
font-family : Arial, Helvetica, sans-serif;
color : #4f4f4f;
font-size : 12px;
line-height : 22px;
margin : 0;
padding : 0 0 40px;
background-image : url(images/p.gif);
background-repeat : no-repeat;
background-position : center bottom;
}
#Container #Container-Inner #Right #Footer {
background-image : url(images/footer-bg.gif);
background-repeat : no-repeat;
background-position : left top;
clear : both;
}
#Container #Container-Inner #Right #Footer p {
line-height : 33px;
background-image : none;
margin : 0;
padding : 0 0 0 15px;
}
#Container #Container-Inner #Right #Footer a {
color : #4f4f4f;
text-decoration : underline;
}
#Container #Container-Inner #Right #Footer a:hover {
color : #4f4f4f;
text-decoration : none;
}
.RightFloat {
float : right;
margin : 10px;
padding : 0;
}
#Container #Container-Inner #Right ul {
margin : 0;
padding : 10px 10px 10px 20px;
display : block;
}
#Container #Container-Inner #Right li {
list-style-type : disc;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-style : italic;
font-weight : normal;
color : #4f4f4f;
margin : 0;
padding : 5px 5px 5px 10px;
}