A new website I am helping to design works perfectly in firefox, but in IE, everything is messed up. My main CSS I am using is the following:
code:
body {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #222;
background: #fff url(grad2blue.png) repeat top;
margin: 0;
padding: 0;
}
a {
color: #22f;
text-decoration: none;
}
h2 {
text-decoration: none;
font-size: 15px;
margin: 0 0 0 6px;
padding: 0;
}
h5 {
text-decoration: none;
font-size: 15px;
margin: 0 0 0 6px;
padding: 0;
}
h1 {
text-decoration: none;
font-size: 15px;
margin: 0 0 0 6px;
padding: 0;
}
ul {
margin: 0 0 0 6px;
padding: 0;
list-style-type: none;
font-size: 11px;
}
li a {
color: #444;
}
li {
display: inline;
}
#tnav {
border: 0;
padding: 0;
margin: 0;
width: 100%;
background-color: #b2ceff;
}
#tnav2 {
border: 0;
padding: 0;
margin: 50%;
width: 100%;
background-color: #b2ceff;
text-align: right;
align: right;
}
#main {
border: 1px solid #b2ceff;
background-color: #d1dfff;
margin: 2px auto 2px auto;
padding: 5px 5px 5px 10px;
align: center;
width: 75%;
height: auto;
font-color: #222;
}
#contest {
border: 1px solid #b2ceff;
background-color: #d1dfff;
margin: 2px auto 2px auto;
padding: 5px 5px 5px 10px;
height: auto;
position: fixed;
left: 1%;
width: 65%;
}
#contest2 {
border: 1px solid #b2ceff;
background-color: #d1dfff;
margin: 2px auto 2px auto;
padding: 5px 5px 5px 10px;
height: auto;
position: fixed;
right: 1%;
width: 30%;
}
#main2 {
border: 1px solid #b2ceff;
background-color: #d1dfff;
margin: 2px auto 2px auto;
padding: 5px 5px 5px 10px;
height: auto;
position: fixed;
right: 1%;
width: 5%;
}
#main3 {
height: auto;
position: absolute;
left: 0%;
width: 5%;
}
#paypal {
border: 0;
padding: 20px;
margin: 10px;
width: 160px;
height: 85px;
background: #444;
}
#footer{
position: fixed;
bottom: 0px;
text-align: center;
border: 1px solid #b2ceff;
background-color: #d1dfff;
align: center;
width: 100%;
}
#iframe1 {
overflow-x: hidden;
}
If you check
http://sammyservers.com in firefox, and then in IE, you will see exactly what I mean.
So which elements of my CSS arent working in IE, and how would I go about fixing them?
/ 
