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:
.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
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.15/223 - Release Date: 1/6/2006
______________________________________________________________________
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/
