Menu déroulant xml + css dans asp.net

Bonjour,

j'ai créer un menu en xml qui s'affiche dans de l'asp.net via un usercontrol et je voudrais qu'il utilise le css pour faire un menu déroulant
mais je ne sais pas comment faire de plus les menu s'affiche selon l'id de la page on on est c'est a dire que si je suis sur la page 1
c'est le menu 1 qui s'affiche sur la page 2 c'est le menu 2 et aisi de suite ce qui fonctionne très bien.

j'ai juste un problème pour qu'il intègre le css quelqu'un peut-il m'aider
merci d'avance


menu xml :

<?xml version="1.0" encoding="iso-8859-15" ?>
<root>
  <item name="menu1" url="~/"></item>
    <item name="menu2 name="menu2 url="~/menu2/">
        <item id="ssmenu1-2" name="sm1-2" url="sm1-2"></item>
        <item id="ssmenu2-2" name="sm2-2" url="sm2-2"></item>
       	 <item id="ssmenu3-2" name="sm3-2" url="sm3-2">
            	<item id="ss-ssmenu1-2" name="ssm1-2" url="ssm1-2.html"></item>
            	<item id="ss-ssmenu2-2" name="ssm2-2" url="ssm2-2.pdf"></item>
            	<item id="ss-ssmenu3-2" name="ssm3-2" url="ssm3-2.doc"></item>
        </item>
    </item>
     <item name="menu3" url="~/menu3/">
        <item id="ssmenu1-3" name="sm1-3" url="sm1-3"></item>
        <item id="ssmenu2-3" name="sm2-3" url="sm2-3"></item>
        <item id="ssmenu3-3" name="sm3-3" url="sm3-3">
            	<item id="ss-ssmenu1-3" name="ssm1-3" url="ssm1-3.ppt"></item>
            	<item id="ss-ssmenu2-3" name="ssm2-3" url="ssm2-3.aspx"></item>
            	<item id="ss-ssmenu3-3" name="ssm3-3" url="ssm3-3.xls"></item>
        </item>
    </item>
   </item>
</root>

fichier styles.css:

body {behavior: url(csshover.htc);}


h2
{
	width:120%;
	margin:0px auto 0px 10px;
	height:23px;
	font-size:large;
	padding:0px 3px 0px 3px;
	line-height:23px;
	background:#253f70 url(../images/entete_menu.png) no-repeat;
	color:#fff;
	text-align:center;
}


div#menu {width: 100px; float:left; margin-left:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
/*div#menu li.sousmenu:hover {background: #253f70;} /*bleu*/

div#menu ul li {position: relative ; list-style: none;  border-bottom:1px solid #253f70; border-right: 1px solid #253f70;}
div#menu ul ul {position: absolute; top: -1px; left: 100px; display:none; }

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 2px 0 2px 4px; display:block; border-left: 10px solid #253f70; width:82px} /*bleu*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #fffdbf; background: #253f70; color:#ffffff} /*bordure jaune fond bleu écriture blanche*/
div#menu ul ul li a:hover {border-left-color: #fffdbf; background: #253f70; color:#ffffff}  /*bordure jaune fond bleu écriture blanche*/
div#menu ul ul ul li a:hover {border-left-color: #fffdbf; background: #253f70; color:#ffffff} /*bordure jaune fond bleu écriture blanche*/

/*TAILLE PREMIERE COLONNE*/
div#menu a {color:#000000; }
div#menu {float: left; width: 140px;} 
div#menu ul {margin: 0; width: 140px;    background:#d2e0f4;} /* fond bleu ciel*/
div#menu ul ul {left: 140px; display:none} 
div#menu li a {display: block; text-decoration: none; width: 140px; border-left: 12px solid #253f70;} 

/*TAILLE DEUXIEME COLONE */          
div#menu ul.niveau2 ul {left: 140px;}   
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {width:140px; display:block;} 
div#menu ul.niveau2 li a {width: 140px;} 

/*TAILLE TROISIEME COLONNE */
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {width:140px; display:block; }

l'amour vous offre une deuxième vie le tout c'est de savoir la saisir et de faire en sorte de le garder