Salve ragazzi mi sapreste dire secondo voi perche' ie fa cosi' e come risolvere?

In pratica su questo float, mozzy e opera vedono tutto bene... ie aggiunge 3-4 pixel in + come margine sinistro... il problema e' che non riesco a fixarlo quantomeno affidandomi a 2 css parallele come faccio di solito risolverei se sapessi cosa andare a modificare... ma se tocco margini o padding non succede nulla O_o

Devo implementare una struttura fatta in un certo modo e penso proprio che passero' alle tables se non si decide ad andare via css -.-'

codice:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<style type="text/css">

HTML,BODY {
	height				: 100%;
	background-color	: #DBDBDB;
	color				: #4D4E6C;
	font-family			: 'Courier New', Courier, mono;
	font-size			: 10pt;
	margin				: 0;
	padding				: 0;
}

#lay_container {
	height				: 100%;
	position			: relative;
}

#lay_content {
	height				: 100%;
	margin-left			: 181px;
}

#lay_menu {
	background-color	: #C4C4C4;
	border-right		: 1px solid #B2B2B2;
	float				: left;
	width				: 180px;
	height				: 100%;
}
</style>
</head>

<body>
	<div id="lay_container">
		<div id="lay_menu">
			menu
		</div>
		<div id="lay_content">
			contenuto (questo testo comincia a 4px in + di quanto non dovrebbe su ie) 
		</div>
	</div>
</body>
</html>