Visualización con IE incorrecta

[adrimzn]

Buenas, primeramente decir que no se si esta duda va aqui en CSS o donde, pero creo que es el lugar más adecuado.

Bueno os comento, llevo toda la mañana intentando que mi página web (diariopc.es) se visualice bien en IE7 y no lo consigo. Como podeis observar no se ve el sidebar (utilizo wordpress) y la última noticia de abajo se ve cortada, sin embargo cuando entras en cualquier noticia (dandole click al titulo) ¡Vaya! todo se ve correctamente :S, no entiendo porque pasa... he intentado desactivar los widgets y mil cosas aun añadiendo el codigo

<!--[if lt IE 7]>
<script src="ie7/IE7.js"
type="text/javascript">
</script>
<script src="ie7/IE7-squish.js"
type="text/javascript">
</script>
<![endif]-->

para que respete los estandares..aun asi se ve mal...no entiendo que puede ser..creo que el css a lo mejor...

Código:

/* STANDARD STYLING */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
	}
	body {
		color:#000; /* MAIN BODY TEXT COLOR */
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
		font-size:12px;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:18px;
		background-repeat: repeat;
		background-attachment: fixed;
		background: #F7F8E0
 
;
	}

a {color:#0088CC;text-decoration: none;}
a:visited {color: #0088CC;}
a:hover {text-decoration: underline;}
p,.p {margin-bottom: 15px;}
img {border: none;}
ul li {	margin: 0px;}
ul {margin: 5px 0px 15px;padding-left: 20px;}
ol {margin: 5px 0px 15px;padding-left: 20px;}
form {margin: 0px;padding: 0px;}
small {	font-size: 90%;}
hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}
blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;}

/* rounded borders */
	#nav, #sidebar .dbx-box, .post, #subnav, .page-nav{
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#searchform #s {
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#sidebar div.dbx-box{border: 1px solid #bbb;}
	#wrapper {width: 960px;margin: 0px auto;position: relative;}
	#header {padding: 15px 0;} /* Height of the header */

/* site title */
	h1.blogtitle {
		font-size: 39px; /* blog title size */
		float:left;
		line-height: 47px;
		position:relative;
	} 
	h1.blogtitle .sheen {
		position: absolute; 
		z-index: 5;
		background-color: transparent;
		background-image: url(images/sheen.png);
		background-position: 0 0;
		background-repeat: repeat-x;
		display: block;
		width:100%;
		height: 25px;
		float: left;
	}
	h1.blogtitle a{color: #000;}
	h1.blogtitle a:hover{color: #0088CC;text-decoration: none;}
	
	.description { 
		float: left;
		margin-top: 21px; 	/* description distance from top of screen */
		margin-left: 10px;
	}

/* search form */
	#searchform {
		width: 205px;
		float: right;
		font-size:12px;
		padding:0;
		margin:0;
	}
	#searchform #s{
		background: #ffffff url(images/form-field-bg.gif) no-repeat ;
		width: 158px;
		padding: 4px 7px 2px 5px;
		color: #999;
		border: 1px solid #888;
		margin:0;
		margin-top: 6px;
	}
	#searchform #searchsubmit { 
		background: url(images/search-button.png) no-repeat 0 0;
		height: 24px;
		width: 24px;
		border: none;
		cursor: pointer;
		text-indent: -999%;
		line-height: 1px;
		margin:0;
	}

/* HEADERS */
	h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
	h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}

	h1{font-size: 32px;}
	h2{font-size: 28px;}
	h3{font-size: 24px;}
	h4{font-size: 20px;}
	h5{font-size: 16px;}
	h6{font-size: 12px;}


/* ------------------------------------- main content area  */
#page #wrapper #container #left-col {
	width: 675px;
	float: left;
}
/* main menu */
	#nav {
		font-size: 15px;
		border-bottom: 1px solid #999;
		background: #AAA url(images/navgrad-normal.png) repeat-x left top;

	}
	#nav small{display: none;} /* remove this later */
	#nav ul{
		list-style: none;
		display: block;
		margin: 0px 0px 0px 10px;
		padding: 0px;
		width: 600px;
		float: left;
	}
	#nav ul li{
		font-weight: bold;
		margin: 0px 5px 0px 0px;
		padding: 0px;
		float: left;
	}
	#nav ul li a{
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		color: #222;
		display: block;
	}

	#nav .current_page_item a, #nav .current_page_item a:hover,#nav li a:active{
		text-decoration: none;	
		background: #2a2a2a url(images/navgrad-active.png) repeat-x top left;
		color: #fff;
	}
	 #nav li a:hover{
		color: #fff;
		background: #2a2a2a url(images/navgrad-hover.png) repeat-x top left;
	}
	 #nav li a:active{
		color: #fff;
		background: #2a2a2a url(images/navgrad-active.png) repeat-x top left;
	}

Aqui les dejo el css, pero creo que es todo correcto, yo ya no se que hacer, he intentado reducir los px del wrapper, los px del sidebar....puff :(

Espero puedan ayudarme, gracias. Un saludo

PD: Dejo el resto del css en el siguiente post.