Ho allargato il template css

Come dal titolo ho allargato il template css, ma ora il menu laterlate lo vedo distaccato dal margine sinistro...
Il codice css che uso per il menulato è questo

/* menu lato */	

#menulato {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0 auto;	
}	
#menulato h1 {
	margin-top: 10px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(/img/menulato.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#menulato .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#menulato ul.sidermenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#menulato ul.sidermenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/img/vai.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#menulato ul.sidermenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}

Mi sapreste dire voi come posso fare? Grazie

Tu in quale parte del css hai agito?

[finalgalaxy]

Prova a sostituirlo così:

/* menu lato */	

#menulato {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0 auto;	
}	
#menulato h1 {
	margin-top: 0px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(/img/menulato.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#menulato .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#menulato ul.sidermenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#menulato ul.sidermenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/img/vai.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#menulato ul.sidermenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}

Vediamo che ne esce fuori...

Prova a sostituirlo così:

/* menu lato */	

#menulato {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0 auto;	
}	
#menulato h1 {
	margin-top: 0px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(/img/menulato.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#menulato .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#menulato ul.sidermenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#menulato ul.sidermenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/img/vai.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#menulato ul.sidermenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}

Vediamo che ne esce fuori...

Così lo vedo di qualche millimetro più in sù!

[finalgalaxy]

prova allora:

/* menu lato */	

#menulato {
	float: left;
	width: 26.5%;
	padding: 0; margin: 0 auto;	
}	
#menulato h1 {
	margin-top: 10px;
	padding: 0px 0 5px 10px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #555;
	background: #EEF0F1 url(/img/menulato.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#menulato .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#menulato ul.sidermenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#menulato ul.sidermenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/img/vai.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#menulato ul.sidermenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}

Non sono pratico ma provaci

niente. comunque neanche io sono pratico,

EDIT:Ho risolto!!! Il margine era impostato nel body...
comunque grazie finalgalaxy per il tuo aiuto ;D