#info {height:400px;}
/* ================================================================ 
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/scroll_menu.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.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/
#gal {/*font-family: verdana, arial, sans-serif; width:500px; padding:20px 0 100px 100px; position:relative;z-index:100;*/}

#gal a {color:#fff}

/* remove the bullets and set the margin and padding to zero for the unordered list */
#gal ul 
{padding:0; margin:0; list-style-type: none; border:0;}

/* float the list so that the items are in a line */
#gal ul li 
{float:left; position:relative; margin-right:1px;}

/* style the links to be 150px wide by 25px high. Set the background color and the font size. */
#gal ul li a, 
#gal ul li a:visited 
{display:block; text-align:left; text-decoration:none; width:150px; height:27px; color:#666; line-height:12px; font-size:11px;}


/* Get rid of any default table style */
.table {border-collapse:collapse;margin:0; padding:0;}

/* make the dropdown ul invisible */
#gal ul li ul {display:none; text-align:left; position:absolute; top:25px; left:-20px; text-align:left;z-index:100; padding:0 30px 20px 20px;}

/* set the foreground color of the main menu li on hover and the border to trigger IE */
#gal ul li:hover a, 
#gal ul li a:hover
{color:#666; border:0;}

/* make the sub menu ul visible and position it beneath the first list item */
#gal ul li:hover ul, 
#gal ul li a:hover ul
{display:block;}

/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#gal ul li:hover ul li, 
#gal ul li a:hover ul li
{background:#efefef; color:#000; width:250px; height:120px;overflow:auto; border-left:2px solid #666;}

#gal ul li ul li a img {float:left; margin:2px 4px 2px 2px; border:1px solid #ccc; height:35px}

/* hack the widht for IE5.5 */
* html #gal ul li a:hover ul li {width:248px; w\idth:248px;}

/* style the background and foreground color of the submenu links */
#gal ul li:hover ul li a, 
#gal ul li a:hover ul li a
{float:left; display:block; background:#efefef; color:#aaa; width:230px; height:42px; padding-left:2px; text-align:left; text-decoration:none; border:0}

/* style the background and forground colors of the links on hover */
#gal ul li:hover ul li a:hover,
#gal ul li a:hover ul li a:hover
{background:#999; color:#fff}


<!--[if lt IE 7]>

#gal ul li ul {display:block; visibility:hidden;}
#gal ul li a:hover ul {visibility:visible;}
<![endif]-->


<!--[if IE]>
#gal ul li:hover ul li,
#gal ul li a:hover ul li
{
scrollbar-arrow-color: #aaa;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #666;
scrollbar-face-color: #444;
scrollbar-shadow-color: #000;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #363636;
}
<![endif]-->