I am putting in a simple suckerfish dropdown menu in a section of a
proposed website.  I hope its ok to attach to small images as I have
no other way to link this.

I am wondering why the width of  level 2  is  wider than level 1 in IE
and are the same width in other browsers.  I haven't figured out where
the width is controlled from in the level two boxes.
This is a piece of the code
<ul id="nav"><li>EWR Navigation <br >

<ul >
                <li ><a href="" >EWR Home Page</a></li>
                    <li ><a href="" >Getting Started</a></li>

                    <li ><a href="" >FAQ</a></li>
                </ul>
</li>
                    <li>Downloads <br >
              <ul >
                    <li ><a href="" >Microsoft&reg; Excel Templates</a></li>
                    <li ><a href="" >XML</a></li></ul></li></ul>


CSS coding

#nav, #nav ul { /* all lists */
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1;
        font-weight: bold;
        
}

#nav a {
        display: block;
        width: 10em;
        
        text-decoration:none;
        
}

#nav li { /* all list items */
        float: left;
        width: 10em; /* width needed or else Opera goes nuts */
        background-color:#eeeeff;
        margin: 3px 3px -4px 7px;
        padding: 4px;
}


#nav li ul { /* second-level lists */
        position: absolute;
        
        width: 10em;
        left: -999em; /*using left instead of display to hide menus because
display: none isn't read by screen readers */
        margin-top: .1em;
        margin-left: -.95em;
}

IE 6 only    #nav li ul {margin-left: -1.5em; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
        left: auto;
        
}

#nav li ul li {background-color: #ffffff;  }

#nav li ul l#nav li ul li {background-color: #ffffff;   }
#nav li ul li a {font-weight: normal; border-bottom: 1px solid
#999999; padding-bottom: .2em}
______________________________________________________________________
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/

Reply via email to