ohemgee

I'm having a nightmare trying to figure out how to edit the CSS to create a dropdown menu from existing css at http://www.tpw.uk.com Below is the CSS for the #header and #mainnav - could someone please help and point out where I need to add the dropdown bits? I'm getting really confused and nothing seems to work /** header *******************/ #header { background:url(images/bgHeader.jpg) no-repeat center top; height:274px; } #header h1 { float:right; width:280px; height:200px; margin:0 0 21px 0; } #header h1 a { display:block; width:280px; height:200px; text-indent:-9999px; } #header h2 { margin:0 0 0 0; color:red; float:left; text-indent:-9999px; } #header #mainNav { /*clear:both;*/ float:left; width:750px; height:52px; } #header #mainNav li { display:block; float:left; margin-right:30px; width:auto; } #header #mainNav li#menu-item-56 { width:87px; } #header #mainNav li#menu-item-54 { width: 86px; } #header #mainNav li#menu-item-53 { width: 76px; } #header #mainNav a { font-size:14px; line-height:14px; text-transform:uppercase; text-decoration:none; color:#000; font-weight:bold; padding-top:13px; display:block; } #header #mainNav li.current_page_item a, #header #mainNav li.current_page_parent a, #header #mainNav li a:hover { background:url(images/bgMenuActive.jpg) no-repeat center top; color:#f2152a; } #header .social { width:171px; float:right; margin:13px 0 0 0; } #header .social li { margin:0 0 0 9px; }