Menu e CSS

[gc]

Menu e CSS

Dopo varie soluzioni ibride sto provando a realizzare il mio primo sito impaginato completamente con i css.

Non riesco però a risolvere 2 piccoli problemini con il menu
il sito è http://www.inzerilloalbeggiani.com/dvd3/

Sapete dirmi come faccio ad allinere le voci di menu che vanno su più righe?
se vedete il penultimo link (in alto a sinistra) "la redazione della rivista" la parola "rivista" va a capo ma non segue l'indicazione "margin-left:5px" specificato nel foglio di stile

riporto il css usato nel menu

div#menu { margin:15px 1px; border-left:1px solid #00246C; }
div#menu a{ text-decoration:none; line-height:16pt; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:5px; }
div#menu a:hover {border-bottom:2px solid; color:#000;}

e l'html del menu

		<div id="menu" >
		[url="index"]Home page

		
		[url="ddyfyd"]La redazione della rivista

		[url="ddduihk"]Contatti

		</div>

Inoltre in firefox "Home Page" è come se avesse un margine maggiore.

Mi potete aiutare?

Grazie

    Giuseppe

[claudioweb]

Ciao,

per risolvere il problema dovresti impostare il padding del div che contiene il menu, e non il margin dei link. Il margin infatti riguarda solo l'inzio dell'elemento, ma poi se vai a capo non viene considerato, invece il padding del div è la spaziatura tra il bordo e ogni altra cosa contenuta al suo interno.

Comunque ti consiglio di fare il menu con una lista, ormai fanno tutti così a partire dallo stesso W3C.
Dai un'occhiata [url=http://www.constile.org/template/menu_verticali/]qui