Hi,
your menu is great....but when i tried to use it then i face some problem...
i used this code for keep all web content in center place...

<style type="text/css">

div#container

{

    position:relative;

    width: 0px;

    margin-top: 0px;

    margin-left: auto;

    margin-right: auto;

    text-align:left; 

}

body {text-align:center;margin:0}

</style>


and i collect the menu code from your demo link....
and used layer an z-index to place the menu right place...
something like this...

<html>

<head>

<title></title>

<style type="text/css">

div#container

{

    position:relative;

    width: 1233px;

    margin-top: 0px;

    margin-left: auto;

    margin-right: auto;

    text-align:left; 

}

body {text-align:center;margin:0}

</style>

-----------------------------------------------------
menu css here
-----------------------------------------------------
</head>
<body>
<div id="container">
<div id="html1" style="position:absolute; overflow:hidden; left:208px; top:251px; width:817px; height:63px; z-index:0">
-----------------------------------------------------------------------------------
menu html here
------------------------------------------------------------------------------
</div>
</div>
</body>
</html> 

but in this way my "container" css is not working...
when i put the CSS code of the menu in the head section the "container" stop working.

so can you please give me the css code of the menu  sothat i can use the css "container" and can use the layer to place the menu in the right place?
one more help please...
i can't understand where i put the extra code for IE 6/7...i tested this menu only working well in IE9
if you can put the code in the css then i will be very grate full to you...

please help me...i like your menu very much that way i am trying to use it.....
waiting for your kind reply... :)

Thanks 
oli