Css desconfigurado no IE

[WBS DIGITAL 6]

Alguém pode me auxiliar, descobrir pq no IE ta dando tão errado o css? Mostrar algum hack para usar, qualquer coisa q ajude no conserto deste css:

 

* {margin: 0; padding: 0;}

body{

background: #EDEDED url(../img/bg_topo.png) top center no-repeat;
font:13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
html, body{ height:100%}
*html #geral{height:100%}

#geral{
width:950px;

margin:0 auto;
min-height:100%;
position:relative;}

#topo{
width:950px; height:400px; position:relative}
#apresentacao{ position:absolute; bottom: 0; width:950px; height:367px}
#email{ position:absolute; top: 90px; left:830px; z-index:50}
#email a{text-decoration:none; font-size:12px; font-weight:bold; color:#6E6F71}
#email a:hover{text-decoration:underline; color:#999}
#conteudo-geral{
min-height:1000px;
padding-bottom:120px;
border-bottom: solid 1px #000;
padding:10px 0 0 0;
/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ccc, #fff);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ccc, #fff);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #ccc, #fff);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ccc, #fff);
  }

#menu-esquerdo{
float:left;
width:245px;

padding:0 0 0 30px}
#conteudo{float:left; width:385px; margin:0 0 0 30px}
#conteudo img{ margin:0 0 40px 0; box-shadow: #333 0.3em 0.3em 0.2em}
.noticias{
width:385px; height:40px; padding:8px 0 4px 0;  border-bottom:2px dotted #6D6F72 ; color:#666; clear:both}
.noticias b{font-size:16px}


#conteudo-direito{float:right; width:205px; padding:0 30px 0 0}

#rodape{
width:950px; height:265px;
position:absolute; bottom:0}

#rodape-topo{
width:870px;
height:150px;
padding:0 40px 0 40px;
font-size:9px;
color:#333;
font-weight:bold
}
#rodape-base{ background-image:url(../img/bg_rodape.png);
width:950px;
height:174px;
z-index:60;
position:absolute;
bottom:0px}
#rodape-topo h1{font-size:16px; font-weight:bold; color:#333}
.top-rodape1{
padding:50px 15px 0 15px;
float:left;
width:144px;
height:100px;
background-image:url(../img/ico-cam.png)}

.top-rodape2{
padding:50px 15px 0 15px;
float:left;
width:144px;
height:100px;
background-image:url(../img/ico-aces.png)}

.top-rodape3{
padding:50px 15px 0 15px;
float:left;
width:144px;
height:100px;
background-image:url(../img/ico-ass.png)}

.top-rodape4{
padding:50px 15px 0 15px;
float:left;
width:144px;
height:100px;
background-image:url(../img/ico-meia.png)}

.top-rodape5{
padding:50px 15px 0 15px;
float:left;
width:144px;
height:100px;
background-image:url(../img/ico-gps.png)}

.clear{clear:both};

#logo{float:left; width:300px; margin:25px 0 0 0;;}


#menu-esquerdo ul{ 
margin: 0;
padding:0;
list-style-type: none;

}
#menu-esquerdo ul li {
border-bottom:2px dotted #6D6F72 ; 
padding:5px 0 8px 0
}

#menu-esquerdo ul li a:link {
text-decoration: none; 
font-family: Geneva, Arial, Helvetica, 
sans-serif; 
font-size:18px;
color:#333;
font-weight:bold;

}
#menu-esquerdo ul li a:link:hover{
text-decoration: none; 
font-family: Geneva, Arial, Helvetica, 
sans-serif; 
font-size:18px;
color:#6D6F72;
font-weight:bold;

}



.bloco-topicos{
margin:0 0 10px 0;
position:relative;
width:200px;
height:88px;
border: solid thick none;
border-radius: 1em;
overflow:hidden;
/* Para Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #A1CD54, #82A644) repeat-X;
 
/* Para WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#A1CD54), to(#82A644)) repeat-X;
 
/* Para IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A1CD54, endColorstr=#82A644)";
 
/* Para IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A1CD54, endColorstr=#82A644);
}
.bloco-topicos-link a{
float:left;
margin:6px;
text-decoration:none;
color:#FFF;
font-size:18px;
font-weight:bold;
}
.bloco-topicos-img{ position:absolute;

height:88px; width:55px;
left: 125px;
box-shadow: #666 0.3em 0.3em 0.2em;
clear:both;
}
.maisnot{ background:#A8A9AB; padding:3px; float:right; color:#FFF; margin-top:5px}
.bloco-topicos-form{
margin:0 0 10px 0;
padding:10PX;
width:180px;
height:185px;
color:#333;
font-size:12px;
border: solid thick none;
border-radius: 1em;
overflow:hidden;
/* Para Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #D0D1D3, #A7A8AA) repeat-X;
 
/* Para WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#D0D1D3), to(#A7A8AA)) repeat-X;
 
/* Para IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=##D0D1D3, endColorstr=#A7A8AA)";
 
/* Para IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D0D1D3, endColorstr=#A7A8AA);
}
.bloco-topicos-form b{ font-size:18px}

.form1{width:180px; height:28px; background:#FFF; border-radius: 0.5em; margin:0 0 8px 0}
.form2{width:125px; height:28px; background:#FFF; border-radius: 0.5em; margin:0 0 8px 0}
.btn{width:35px; height:35px; background:#333; border-radius: 0.5em; margin:0 0 8px 10px; color:#FFF}

 

O site é este: http://www.portalnortemineiro.com.br/2013/trabalhos/portfolio/

 

Desde já agradeço a todos

[William Bruno 1501]

o DOCTYPE deve ser a primeira linha do html. Remova esse espaço em branco e esse comentário html dali:

<!--
Layout Criado por: Werdeson (wbs digital - (38) 9109-7630)
Site: Vipa
Cliente: Agencia Portfolio
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<

[WBS DIGITAL 6]

HUmmmm, certinho, obrigado William!