[Apologizes in advance if this a re-post... I think my previous email
got bounced for including HTML]


So this suckerfish-based navigation is working beautifully in Firefox and
Safari.  In IE, though, the drop-downs are shifting over to the right of
where they should be.  I've Googled and searched the CCS-D archives for a
solution, but nothing seems to work without creating screwing up the overall
behavior of the navigation...

Can anyone help? I've been bashing my head against the desk for two days
with this and can't find a solution to get IE to render this the way it does
in FF or Safari....

Thanks in advance,
- Matt


Here's the working example:
http://mattmedia.net/aeg-2/a-navtest.htm

Here's my navigation CSS: http://mattmedia.net/aeg-2/aegis.css

/* CSS Nav */
#navcontainer {
 text-indent:0;
 float:right;
 background:url(navigation-full.gif) top left no-repeat ;
 height:30px;
 margin:88px 0 0 0;
 padding:0 0 0 6px;
 }

#navcontainer ul {margin:0; padding:0}

ul#navlist {
 background:url(navigation-full.gif) top right no-repeat;
 margin-right: 12px;
 padding:0 6px 0 0;
 height:30px;
 list-style: none;
 white-space: nowrap;
 }

ul#navlist li {
 float: left;
 height:21px;
 font-family: verdana, arial, sans-serif;
 font-size: .93em;
 margin: 0;
 padding: 5px 4px 4px 0;
 background:url(navigation-back.gif) repeat-x #003e7e;
 list-style:none;
 list-style-image:none;
 }

#navlist a{
 margin: 0;
 padding: 5px 9px 4px 9px;
 color: #fff;
 text-decoration: none;
 }

#navlist a:hover {
 background:url(navigation-back-hover.gif) repeat-x #4c78a4;
 }


/*second level nav */

ul#navlist li ul {
 position: absolute;
 left: -999em;
 text-indent:0;
 top:129px;
 background:#bbccdc;
 margin:7px 0 0 0; padding:6px 0 6px 0
 }

ul#navlist li:hover ul, ul#navlist li.sfhover ul {left: auto; z-index: 100;
}

#navlist li li {background:none; width:18em; display:block; float:none;
padding:0; border-right: none; height:auto; }

#navlist li li a {border-right:none; color:#036; background:none; }

#navlist li li a:hover {text-decoration:underline; color:#333;
background:none; }
______________________________________________________________________
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