Menu a scomparsa

[marviv]

Ciao a tutti.
Premetto che non ho esperienza con i css.

Ho il seguente menu:

<div id="cssm1">
	<ul>
		[*]HOME
		[*]<div align="left">Voce1</div>
		[*]<div align="left">Voce2</div>
		[*]<div align="left">Voce3</div>
		[*]<div align="left">Esci</div>
	[/list]
	<div id="cssm3">MENU</div>
</div>

e il seguente css:

#cssm1 *  { padding:0; margin: 0;}
#cssm1 { z-index: 99; top:4px; left: 600px; position: fixed; float: right;  margin:0; line-height: 20px; font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
#cssm1 a { display: block; border-top: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; background: #F1F5F8; text-decoration: none; padding: 3px 10px; color: #052B52}
#cssm1 a:hover { background: #FF9900; color: #F1F5F8}
#cssm1 ul li, #cssm1 ul li ul li  { width: 180px; }
#cssm1 ul, #cssm1:hover ul li ul, #cssm1:hover ul li:hover ul li ul{ 
	display:none;
	list-style-type:none; 
	width: 180px;
	}
#cssm1:hover ul, #cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	display:block; 
	}
#cssm1:hover ul li:hover ul, #cssm1:hover ul li:hover ul li:hover ul { 
	position: absolute;
	right: 180px; 
	/*top: 10;*/
	}
#cssm1 ul li ul, #cssm1 ul li ul li ul {clear: left; margin-top: -30px; }
#cssm3 { text-color: #ccc; background-color: #617AAC; padding: 3px; text-align: center; border: 1px solid #ffffff; color: #F1F5F8} 
#cssm1:hover #cssm3 { display:none; }

Funziona. Il problema è che vorrei che quando si passa il mouse sulla voce Menu, il menu si aprisse verso sinistra e non verso destra.

Grazie per l'aiuto.
Marco

[marviv]

...non ci sarei riuscito in 6 mesi...perfetto !

Grazie 1000