Pure CSS (hover effect) for dynamic menu

[Deathader]

I want to create dynamic menu with submenu according to item which would come from database field. How can I do that by pure CSS for all browsers(including the old IE) ? My database table code\[code\]// database=storecreate table category(cat_id int(7) not null auto_increment primary key,cat_name varchar(30),parent varchar(30)) engine='MYISAM';/* here 'cat_id'=category id'cat_name'=category name'parent'='root' or 'id of another category'*/\[/code\]-Thanks in advance.Edit:I made that with little javascript and it works well.\[code\]<style type="text/css">.menuul{display:none;list-style-type:none;position:absolute;z-index:2;margin-left:98px;left:0px;top:0px;padding:0px;}.menuli{display:block;width:100px;background-color:#eeeeee;border:1px solid #dddddd;position:relative;font-family:Arial;font-size:12px;color:#000000;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding-left:7px;}.menuli a{text-decoration:none;color:#000000;display:block;}.menuli a:hover{color:#999999;}#ulroot{display:block;position:absolute;padding:0px;margin:0px;}.menudiv{width:90px;overflow:hidden;margin-top:1px;margin-bottom:1px;}</style><?php$host="localhost"; $dbname="store"; $username=""; $password="";if($con=@mysql_connect($host,$username,$password)){if(@mysql_select_db($dbname)){$dbase=1;} else{echo"<font color='#ff0000'>Database selection failed</font>";}}else{echo"<font color='#ff0000'>Database connection failed</font>";}if($dbase==1){$sql="select * from category where parent='root'";$result=mysql_query($sql);$count=mysql_num_rows($result);if($count>0){ echo"<ul name='ulroot' id='ulroot'>";while($rows=mysql_fetch_array($result)){$rid=$rows['cat_id']; $rname=$rows['cat_name'];a($rid,$rname);}echo"</ul>";} else{echo"No category found";}}?><?phpfunction a($id,$name){$sql="select * from category where parent='$id'";$result=mysql_query($sql);$count=mysql_num_rows($result);if($count>0){ echo"<li class='menuli' onmouseover=\"document.getElementById('ul".$id."').style.display='block';this.style.color='#ff0000';\" onmouseout=\"document.getElementById('ul".$id."').style.display='none';this.style.color='#000000';\"><!--[if lte IE 6]><span class='menudiv'><![endif]--><div class='menudiv'>".$name."</div><!--[if lte IE 6]></span><![endif]-->";echo"<ul class='menuul' name='ul".$id."' id='ul".$id."'>";while($rows=mysql_fetch_array($result)){$sid=$rows['cat_id']; $sname=$rows['cat_name'];a($sid,$sname);}echo"</ul></li>";} else{echo"<li class='menuli'><!--[if lte IE 6]><span class='menudiv'><![endif]--><div class='menudiv'><a href='http://stackoverflow.com/questions/13872817/product.php?product=".$name."'>".$name."</a></div><!--[if lte IE 6]></span><![endif]--></li>";}}?>\[/code\]But I want to style(hover effects) by pure CSS,not javascript.What should I do to style the dynamic list by pure CSS ?