.menu {width:auto; height:auto; position:relative; z-index:100; font: 0.85em verdana, arial, helvetica, sans-serif; margin: 0; padding: 0;}
.menu ul {padding:0;margin:0;list-style-type:none; height: auto;}
.menu ul ul {width:auto;}
.menu li {float:left;width:auto;position:relative;}
.menu a, .menu a:visited {display:block; font-size:11px;text-decoration:none; color:#000; width:auto; height:19px; border: 1px solid #fff; border-width: 0px 1px 0; background:#fff; padding-left:5px; padding-right: 5px; line-height:18px;}
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul a.drop:hover{background:#ccc url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#ccc url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
.menu ul ul ul a:hover {background:#ccc;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:0px; min-width:124px; border: 1px solid #000; border-width: 1px 0; height: auto;}
* html .menu ul ul {top:18px;}

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

.menu ul ul a, .menu ul ul a:visited {background:#ccc; color:#000; height:auto; line-height:1em; padding:5px 7px; width:151px;border: 1px solid #000; border-width:0px 1px;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:110px;}

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#444;}
.menu :hover > a {color:#fff;background:#444; border: 1px solid #000; border-width: 0px 1px;}
.menu ul ul :hover > a {color:#fff;background:#444;border: 1px solid #000; border-width: 0px 1px}

.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }