***Note: My email scanner attaches text files and I think that created a
problem in my last post to this list, so I've disabled and sent again.
My apologies if it's a repeat.***
Hi folks...
The page:
http://www.lullabot.com/node/18
The problem in question is the secondary subnavigation layout. In IE,
the background image only extends so far in IE, whereas in
Firefox/everything else looks fine. See how, when correct, the <li>'s
are wide enough that they'll go past the left edge of the browser? Not
happening in IE.
The site is centered, and the background image of the links in my subnav
<li>'s are set to display on a:hover.
I'd appreciate any help offered here, thanks!
The menu CSS is below or at :
http://www.lullabot.com/themes/lullabot_jack/main.css
.second #secondary-nav {
position: absolute;
top: 187px;
left: 20px;
margin: 0;
padding: 0;
width: 120px;
font-size: .6875em; /* 11px */
}
.second #secondary-nav ul {
list-style: none;
}
.second #secondary-nav ul li {
list-style:none;
margin: 0 0 .5em -500px;
}
.second #secondary-nav ul a {
display: block;
text-align: right;
padding: 0 8px 0 9px;
color: #394E81;
text-decoration: none;
line-height: 18px;
white-space: nowrap;
}
.second #secondary-nav a.active {
background-image: url('images/sl-whitebar.gif');
background-position: center right;
background-repeat: no-repeat;
margin: 0 0 0 -800px;
}
.second #secondary-nav a:hover {
text-decoration: underline;
}
--
----------------------------
John Haas
Web/Multimedia Designer
[man][ape] design
w: http://www.manapedesign.com
e: [EMAIL PROTECTED]
p: 215.868.2661
630 N. 17th St. #1
Philadelphia, PA 19130
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
