I have a web site www.familyfirstdocs.com. In IE6 with WinXP, the scrolling
seems to be disabled on the dropdown menus. In IE 7 and on Firefox it
seems fine. When I use dreamweaver cs3 it gives me a list whitespace
bug. I try to apply the fixes it suggests, but I still have the same
issue. Below is my menu css.
#menuh
{font-size: small;
font-family: arial, helvetica, sans-serif;
width:100%;
height: 28px;
}
#menuh a
{
text-align:
center;
display:block;
border: 1px solid #333333;
white-space:nowrap;
margin:0;
}
#menuh a, #menuh a:visited
/* menu at rest */
{
color: white;
background-color: #4572B6;
text-decoration:none;
}
#menuh a:hover /* menu at mouse-over
*/
{
color: #000000;
background-color: #A1B1A4;
}
#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
width:100px; /* width of all menu boxes */
}
#menuh
li
{
position:relative;
min-height: 1px; /* Sophie Dennis
contribution for IE7 */
vertical-align: bottom; /* Sophie Dennis
contribution for IE7 */
}
#menuh ul li
{
height: 1%;
}
#menuh ul ul
{
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
width: 175px;
text-align: left;
}
#menuh ul ul ul
{
top:0;
left:100%;
}
div#menuh li:hover
{
cursor:pointer;
z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li
li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}
div#menuh
li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover
ul,
div#menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down
Menu */
Anyone have any ideas?
Thanks
Lisa
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
