allow menu to overflow a horizontal scrollbar

Shaye Larsen
Shaye Larsen used Ask the Experts™
on
I have a menu which sits inside an element that can be scrolled horizontally.

Need a way to allow the dropdown menus to appear over the horizontal scroll bar.

See code below.  In this case, the drop down menu appears, but just expands the vertical scrollbar and goes behind the horizontal one.
<div style="height:80px; width:500px; overflow-x:auto; overflow-y:visible;">
                         <div style="width:1200px;">
<!--Link Element Loop-->
<ul id="nav">
	<li class="top"><a href="#" id="Link1" class="top_link"><span class="down">Link 1</span></a></li>
	<li class="top"><a href="#" id="Link2" class="top_link"><span class="down">Link 2</span></a></a>
		<ul class="sub">
			<li><a href="#">Drop</a></li>
			<li class="mid"><a href="#">Drop</a>
					<ul>
						<li><a href="#">Fly</a></li>
						<li><a href="#">Fly</a></li>
					</ul></li>
		</ul>
	</li>
	<li class="top"><a href="#" id="Link3" class="top_link"><span class="down">Link 3</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
	<li class="top"><a href="#" id="Link4" class="top_link"><span class="down">Link 4</span></a></li>
</ul>
                       </div>
                     </div>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Consultant & Challenge Subduer
Top Expert 2009
Commented:
For that to happen the drop-down menus can not be descendants of the element with overflow:auto.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial