Bonjour, j'essaie actuellement de développer un menu déroulant en css, mon problème c'est que le menu ne reste pas ouvert lors du survol.
adresse de la page: http://choletbasket10.clanfree.net/c...10/accueil.php

accueil.php
Code:
<html>
<head>
<title>choletbasket10 :: accueil</title>
<?
$bord=112;
print("
<STYLE type='text/css'>
div.last_news{width:355px; height:190px; background-image:url('fond-last-news.png'); position: absolute; top: 417px; left:".(22+$bord)."px; z-index:80; }
div.last_news2{text-align:left; width:300px; height:150px; position: absolute; top: 497px; left:".(68+$bord)."px; z-index:80; }
div.classement{width:289px; height:299px; background-image:url('fond-classement.png'); position: absolute; top: 167px; left:".(722+$bord)."px; z-index:80; }
div.classement2{text-align:left; width:189px; height:299px; position: absolute; top: 177px; left:".(855+$bord)."px; z-index:80; }
div.prochain_match{width:332px; height:214px; background-image:url('fond-prochain-match.png'); position: absolute; top: 257px; left:".(507+$bord)."px; z-index:80; }
div.tableau_affichage{width:286px; height:261px; background-image:url('tableau-affichage.png'); position: absolute; top: 507px; left:".(687+$bord)."px; z-index:80; }
div.news{width:45px; height:15px; position: absolute; top: 97px; left: 305px; z-index:80;}
#news2{width:139px; height:187px; background-image:url('menu-deroulant.png'); display:none; position: absolute; top: 140px; left: 265px; z-index:80;}
#fondNews{width:139px; height:66px; background-image:url('rollover-menu.png'); position: absolute; display:none; top: 70px; left: 265px; z-index:80;}

</STYLE>
");
?>
<link rel="stylesheet" type="text/css" href= "style.css">
<script type="text/javascript">

function montrerNews()
{
	document.getElementById('news2').style.display = 'block';
	document.getElementById('fondNews').style.display = 'block';
}
function cacherNews()
{
	document.getElementById('news2').style.display = 'none';
	document.getElementById('fondNews').style.display = 'none';
}


</script>
</head>
<body  align="center">

<div id="fondNews">
</div>

<div id="news2" name="news2"  onmouseover="imgNews.src='titre-news-rollover.png'; montrerNews();" onmouseout="imgNews.src='titre-news.png'; cacherNews();">
	<a href="">last news</a>
</div>


<div class="news" onmouseover="imgNews.src='titre-news-rollover.png'; montrerNews();" onmouseout="imgNews.src='titre-news.png'; cacherNews();">
	<img src="titre-news-rollover.png" style="display:none" alt="">
	<img src="titre-news.png" alt="news" name="imgNews" >
</div>

<!-- fond derniere news---------------------------------------------------------------------------------------------------------------------- -->
<div class="last_news">
</div>
<div class="last_news2">
	bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
	<a href=""><img src="bouton-suite-last-news.png" alt="suite" border=0></a>
</div>

<!-- fond classement-------------------------------------------------------------------------------------------------------------------------- -->
<div class="classement">
</div>
<div class="classement2">
	<b class='normal'>
	<b class='jaune'>1. Cholet Basket</b><br>2. Le Mans<br>3. Lyon Villeurbanne<br>4. Pau Orthez<br>5. Chalon/Saône<br>6. Vichy<br>7. Strasbourg<br>8.Hyères Toulon
	<br>9. Roanne<br>10. Le Havre<br>11. Nancy<br>12. Dijon<br>13. Orléans<br>14. Gravellines<br>15. Paris Levallois<br>16. Clermont
	</b>	
</div>

<!-- fond prochain match---------------------------------------------------------------------------------------------------------------------- -->
<div class="prochain_match">
	dans ce cadre sera placé le prochain match
</div>

<!-- fond tableau affichage------------------------------------------------------------------------------------------------------------------- -->
<div class="tableau_affichage">
	dans ce cadre sera placé le tableau d'affichage
</div>




<!-- fond avec la couleur bordeau et l'image de Claude Marquis-------------------------------------------------------------------------------- -->
<div class="fond_couleur">
	<div class="fond">
		<center><img class="titre" src="titre-site.png" alt="Cholet Basket 10"/></center>
		<div class="menu">
			
		</div>
	</div>
</div>

<div class="fondNews">
</div>
</body>
</html>
style.css
Code:
div{padding:0px;}
a{color:white; border:0px; text-decoration: none;}
a img { border: 0px; }
body {font-family: carbon block, arial, helvetica, sans-serif ; font-size: 14pt ; color: white ; background-color:#AAAAAA; text-align:center; margin: 0; padding: 0;}
div.fond_couleur {margin: auto auto; background-color:#350000; color:white; width:1024px; height:768px;}
div.fond{background-image:url('fond-marquis.png'); width:1024px; height:768px; text-align:left;}
div.menu{background-image:url('barre-de-menu.png'); height:70px;}
img.titre{margin:5px;}
classement{padding:0; margin:0; }
b.jaune{color:yellow; }
b.normal{color:white;}
b{font-size: 15pt ; line-height : 17px; font-weight:lighter;}