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:

Code:
.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;
}