Probleme de menu

Bonjour ,

J'ai présentement un probleme de mise en forme css..

J'aimerais un menu avec a gauche un titre et a droite le raccourci, le tout en colonne. ( comme celui qui s'ouvre quand vous cliquer sur fichier de votre navigateur )

Voici le html :

<div id="file">
		<ul>
			<li>
				<a href="#">
					<div style="float:left">Nouveau ...</div>
					<div style="float:right">Crtl+F</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div style="float:left">Fermer...</div>
					<div style="float:right">Crtl+W</div>
				</a>
			</li>
		</ul>
	</div>

et voila le css :

#file {
	background: #FFF;
	border: 1px solid #000;
	position: absolute;
	overflow: auto;
	width: 150px;
	height: auto;
	left: -3px;
	top: 84px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding:2px;
	list-style-type: none;
}
#file li {
	list-style-type: none;
}
#file li a{
        padding-left:10px;
	background:#FFF;
	display:block;
	color: #000 ;
	text-decoration: none ;
}
#file li a:hover{
	background:#09F;
	color: #FFF ;
}
#file ul {
	margin: 0px;
	padding: 0px;
}

Premier probleme : le background ne s'affiche pas
Second probleme : les div se mettent cote a cote... >_<
genre : Nouveau... Fermer... crtl+F Crtl+W // sur une seule ligne -_-

Pour le style:"..." c'était pour tester

Bonjour.

Les tableaux c'est pas le mal ... Ils me semble tout à fait indiqués dans ton cas.

Pourquoi pas un tableau, effectivement, si c'est le plus simple et le plus robuste.

On pourrait voir la page en ligne, ou une page reproduisant le problème ? Parce que j'ai du mal à visualiser en l'état.

les tableau je pensais c'était le mal absolu pour la mise en forme , lol ^^

Je les gardais que pour afficher des donnée de type tabulaire a 3 colonne ou plus , je savais pas c'était recommandé dans un cas comme le miens a deux colonne

Merci du conseil.