I have a page (id=home) inside that page is a header div, inside that is a #menu_holder which holds the version of the suckerfish which I have given all the buttons id's
eg. <li id="fouum">FORUM <ul> <li class="sub"><a href="#">Menu Item 1</a></li> <li class="sub"><a href="#">Menu Item 2</a></li> <li class="sub"><a href="#">Menu Item 3</a></li> <li class="sub"><a href="#">Menu Item 4</a></li> </ul> </li> Now I want to adjust the dropdown poition for individual menu items li ul { display: none; position: absolute; top: 6em; width:2em; left: -0px; } am have tried using this #home #header #menu_holder #news li ul { display: none; position: absolute; top: 1.3em; width:2em; left: 160px; } but it does not ssem to work. any Ideas? Ross ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/