codice:
 <style type="text/css">

ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:#f8f8f8; width:14em; text-align:left; color:#fff; border:1px solid #606;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:14em; height:2em; line-height:1.9em; text-decoration:none; color:#606;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#00c; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:12em; width:12em; margin-top:-1px; background:#def; border:1px solid #000;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:#def; color:#00c; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:#00c; color:#fff;}


</style>


</head>

<body>

<ul class="menu1">
<li class="drop">PRODUCTS<table><tr><td>
	<ul>
	[*]Mobiles
	[*]Photoframes
	[*]Tripods

	[*]Cameras
	[/list]
	</td></tr></table>

<li class="drop">SERVICES<table><tr><td>
	<ul>
	[*]Photography
	[*]Video editing

	[*]Web design
	[*]Guides
	[*]Tutorials
	[/list]
	</td></tr></table>

<li class="drop">PORTFOLIO<table><tr><td>
	<ul>

	[*]Web Sites
	[*]Photo Galleries
	[*]Videos
	[*]Animation
	[*]Banner design
	[*]Logo design

	[/list]
	</td></tr></table>

<li class="drop">LINKS<table><tr><td>
	<ul>
	[*]Web sites
	[*]Free stuff
	[*]Fonts

	[*]References
	[*]Guides
	[/list]
	</td></tr></table>
[*]HOME[/list]
funziona questo menu su IE 7?