Menu

Bonjour a tous je voudrai savoir si mes codes sont bons(la page s affiche correctement) pour mon menu si ca n engendra pas des problemes pour la suite:

 <div id="categories">
 <p>categories</p></div>
 
 
<div id="badge">

<p>xbox<br><a href="/nav/Jeux-Video-et-Consoles_Jeux-Video">Jeux d'action/aventure</a>&nbsp;-
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PC">rpg/jeux de rôle</a>&nbsp;-</br>
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PC">sport</a>&nbsp;-</p>
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PC">kinect</a>&nbsp;-
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PC">fps/jeux de tir</a>
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PC">accessoires</a></p>
<p>playstation<br><a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/PS2">Jeux </a>&nbsp;- 
<a href="/nav/Jeux-Video-et-Consoles_Jeux-Video/f1/Nintendo+DS">accessoires</a>&nbsp;- </br></p>

</div></div>

#categories {
margin-top: 110px;
font-variant: small-caps;
color : blue;
background: #a1f2c3;
width:90%; 
font-size : 20px
 
}


#badge {
text-decoration: none;
margin-top: 50px;
text-align: left;
color: black;
font-size : 13px

}

sinon on m'a conseillé de le mettre en balise <ul></ul>
ok j ai remarqué que c etait beaucoup plus pratique mais mon menu se composora de menu et sous menu et je ne voudrai pas que ces deux la ne soit de la meme couleur ni de la meme grandeur en px
comment faire?
merci de m aider