I can't get my drop line from the menu, only difference in my code is that the css is in a style sheet. any ideas what is going on? will be here to post code as needed. http://orbzorbz.com CSS /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .pro_linedrop { height:35px; width:100%; background:url(/images/menu/black_0.gif); position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:5000; } .pro_linedrop .select { margin:0; padding:0 15 0 15; list-style:none; white-space:nowrap; } .pro_linedrop li { float:left; background:url(/images/menu/black_1.gif); } .pro_linedrop li.lrt { float:right; background:url(/images/menu/blue_1.gif); } .pro_linedrop .select a { display:block; height:35px; float:left; background: url(/images/menu/black_0.gif); padding:0 0 0 10px; text-decoration:none; line-height:33px; white-space:nowrap; color:#fc0; } .pro_linedrop .select li.lrt a {color:#0ff;} .pro_linedrop .select a b { display:block; padding:0 20px 0 10px; background:url(/images/menu/black_0.gif) right top; } .pro_linedrop .select li.line a b { background:url(/images/menu/black_0a.gif) right top; } .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a { background: url(/images/menu/black_1.gif); padding:0 0 0 10px; cursor:pointer; color:#fff; } .pro_linedrop .select li.lrt a:hover, .pro_linedrop .select li.lrt:hover a { background: url(/images/menu/blue_1.gif); } .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b { display:block; float:left; padding:0 20px 0 10px; background:url(/images/menu/black_1.gif) right top; cursor:pointer; } .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b { background:url(/images/menu/black_1a.gif) right top; } .pro_linedrop .select li.lrt a:hover b, .pro_linedrop .select li.lrt:hover a b { background:url(/images/menu/blue_1.gif) right top; } .pro_linedrop .select li.lrt a:hover b.arrow, .pro_linedrop .select li.lrt:hover a b.arrow { background:url(/images/menu/blue_1a.gif) right top; } .pro_linedrop .sub { position:absolute; left:-9999px; width:0; } /* IE6 only */ .pro_linedrop table { border-collapse:collapse; margin:-1px -10px -1px -1px; font-size:1em; width:0; height:0; } .pro_linedrop .sub { margin:0; padding:0; list-style:none; } .pro_linedrop .sub li { background:transparent; } .pro_linedrop .select :hover .sub { height:25px; position:absolute; width:99%; top:35px; left:0; text-align:center; background:#fff url(/images/menu/fade.gif); border:1px solid #aaa; } .pro_linedrop .select :hover .rt li { float:right; } .pro_linedrop .select :hover .sub li a { display:block; height:25px; line-height:22px; float:left; background:#fff url(/images/menu/fade.gif); padding:0 11px; margin:0; white-space:nowrap; c olor:#333; font-size:10px; } .pro_linedrop .select :hover .sub li.subline a { color:#c00; } .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover{ color:#000; line-height:20px; position:relative; background:#fff url(/images/menu/fade.gif) left bottom; } Code (markup): HTML <div class="pro_linedrop"> <ul class="select"> <li class="line"><a href="#nogo"><b>About</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">OrbzOrbz</a></li> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Mission</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="line"><a href="#nogo"><b>Places</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelWidget')">Twitter</a></li> <li><a href="#nogo">MySpace</a></li> <li><a href="#nogo">FaceBook</a></li> <li><a href="#nogo">Ebay</a></li> <li><a href="#nogo">Dating</a></li> <li><a href="#nogo">BuzzNet</a></li> <li><a href="#nogo">Hulu</a></li> <li><a href="#nogo">Suggest</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="line"><a href="#nogo"><b class="arrow">Submit</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Standard</a></li> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Sponsored</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="line"><a href="#nogo"><b class="arrow">Themes</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo">Starfield</a></li> <li><a href="#nogo">Beer</a></li> <li><a href="#nogo">Champagne</a></li> <li><a href="#nogo">Normal</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="line"><a href="#nogo"><b class="arrow">Help</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo">FAQ</a></li> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Submissions</a></li> <li><a href="#nogo">Sponsoring</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="line"><a href="#nogo"><b class="arrow">Contact</b><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="sub"> <li><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Us</a></li> <li><a href="#nogo">Users</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li class="lrt"><a href="#nogo" onClick="getPanel(this.innerHTML,'panelMain')">Register</a></li> <li class="lrt"><a href="#nogo" onClick="login($('username').value,$('password').value,'OrbzOrbz')">Sign-In</a></li> <ul class="sub"> <li class="lrt"><input type="text" size=10 id="password" value="password" onFocus="this.value=''; this.type='password'"></li> <li class="lrt"><input type="text" size=10 id="username" value="username" onFocus="this.value=''"></li> </ul> <li class="lrt"><a href="#nogo" id="Search" onClick="Search($('searchbox').value)"><b>Search</b></a></li> <ul class="sub"> <li class="lrt"><input type="text" size=10 id="searchbox" value=""></li> </ul> </ul> </div> Code (markup):
Could the animation be interfering? Try removing the animation below the links...The "search" link on the right away from the animation drops down.