IE8 spry width glitch

Question

What browsers does this issue occur:
Internet Explorer 8 (both images above)
What version of Spry are using:
Spry 1.7 (SpryWidget.js - version 0.16 - Spry Pre-Release 1.7)
What is the url of your website or page in issue:
(still in Qual behind firewall. link won't work here.)
This screenshot clipping is side-by-side comparison of IE8 browser displaying the same spry navigation bar. Any ideas why IE 8 would render this differently?

Answer 1

I can't replicate the problem on my IE either. The top is screenshot from other IE 8 machine
here's the css related to width:
.MenuBarLeftShrink {
          float: left; /* shrink to content, as well as float the MenuBar */
          width: auto;
.MenuBarRightShrink {
          float: right; /* shrink to content, as well as float the MenuBar */
          width: auto;
.MenuBarFixedLeft {
          float: left;
          width: 80em;
.MenuBarFixedCentered {
          float: none;
          width: 80em;
          margin-left:auto;
          margin-right:auto;
.MenuBarFullwidth {
          float: left;
          width: 100%;
.MenuBar  .MenuItem  .MenuItemLabel{
          text-align:center;
          font-weight: normal;
          line-height:1.4em;
          color:#ffffff;
          /*background-color:#1d788e; /* affects: label area of non-rollover area, removing this and background image solved issue with disappearing arrows */
          /*background-image:url(../../../../images/nav_bg_400x45.gif);*/ /* this got rid of arrow image */
          padding: 8px 10px 8px 32px; /* .MenuBar  .MenuItem has padding-right of 24px */
          width: 100%; /* was 6em */
          width:auto;
.SpryIsIE6 .MenuBar  .MenuItem  .MenuItemLabel{
          width:1em; /* Equivalent to min-width in modern browsers */
.MenuBar .SubMenu .MenuItem .MenuItemLabel{
          text-align:left;
          line-height:1em;
          background-color:#ffffff;
          /* color should be TRP blue */
          color:#00425f;
          padding: 10px 63px 10px 30px; /* padding around sub-menu items. needs to be fairly big for finger target zones */
          width: auto; /* was 7em */
/* container item */
#navigation { width:794px; margin-bottom: 13px; }