come da titolo.. ho un box centrato nella pagina, ed ora ho un menu verticale da affiancarvi sul lato sinistra..

ora il menù è allineato completamente a sinistra, io lo vorrei mettere accanto al lato sinistro del box..

prima



dopo



html

codice:
<ul class="menu">[*]H O M E [*]A T T I V I T A'[*]W I F I[*]D O V ES I A M O[*]C O N T A T T I[/list]
<div class="contenitore">
</div>
css

codice:
body
{
	background: #efe9e9;
	text-align: center;
	padding-bottom: 100px;
	padding-top: 5px;
	margin: 0 auto;
	margin-top: 20px;
}

.contenitore
{
	margin: 0 auto;
	width: 780px;
	text-align: left;
	border: 1px solid black;
	padding: 10px;
	background-color: #2AADF3;
	background-image: url(Pieghe.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 780px;
}

.menu
{
	list-style: none;
	padding: 10px 0 40px 25px;
	margin: 0;
	width: 25px;
//NON POSSO IMPOSTARE UN VALORE IN PIXEL PERCHè NON HO MAI LA STESSA RESA CROSS-BROWSER
// e perchè su IE mi SI SPOSTA TUTTO,sia con MARGIN che con PADDING
/*	margin-left: 182px;*/ 
	border:1px solid black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        float: left;
}







//dettagli grafici del menu, penso si risolva lavorando sul box qua sopra
.menu li
{
	display: block;
	width: 25px;
	margin-bottom: -29px;
}

.menu li a
{
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	line-height: 10px;
}

.menu li a em
{
	display: block;
	width: 25px;
	height: 29px;
	background: url(vertical.gif) left top;
	font-style: normal;
}

.menu li a b
{
	display: block;
	width: 15px;
	padding: 0 3px 29px 7px;
	text-align: center;
	text-decoration: none;
	background: url(vertical.gif) left bottom;
	color: #fff;
}

.menu li a:hover
{
	border: 0;
	position: relative;
	z-index: 100;
	cursor: pointer;
}

.menu li a:hover em
{
	background-position: center top;
}

.menu li a:hover b
{
	background-position: center bottom;
	color: #660;
}

.menu li a.selected, .menu li a:hover.selected
{
	border: 0;
	position: relative;
	z-index: 200;
	cursor: default;
}

.menu li a.selected em, .menu li a:hover.selected em
{
	background-position: right top;
	height: 50px;
}

.menu li a.selected b,.menu li  a:hover.selected b
{
	background-position: right bottom;
	color: #242;
}