Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Moves when hover in Compatibility Mode

Status
Not open for further replies.

oenablx

Technical User
Feb 2, 2010
13
US
Hello,

I'm having an issue during compatibility mode. My boxes move to the left but when I get off Compatibility mode everything works perfect.

Is there anything wrong in the css that I'm doing?

HTML:
<div class="dashboardTabs">
  <ul>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
  </ul>
</div>

CSS:
.dashboardTabs{width: 910px; margin:15px 0 30px;}
.dashboardTabs ul li{list-style:none; position: relative; display:inline;}
.icontabs{float:left; width:155px; height:159px; background:url([URL unfurl="true"]http://www.enablx.com/images/tab-box5.png);[/URL] margin:8px 13px; background-repeat:no-repeat}
.icontabs:hover{background:url([URL unfurl="true"]http://www.enablx.com/images/tab-box6.png);[/URL] cursor:pointer; background-repeat:no-repeat;}

Thank you,

Call Center & Call Center Services
 
Assuming by Compatibility mode you are referring to IE. And Since you don't state which version, I'm going to assume IE8:
Compatibility Mode is basically IE7 mode. Which may have some differences to later IE's in the rendering engine.

I tried your code, and while it shifts slightly to the left once, it doesn't do it again after that, and the rest seems to work fine. I don't think its worth it do go out of your way to debug such a minor issue, specially since it works everywhere else without the shift.



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
If you have them available, check your web site statistics to see how many visitors actually use an older version of IE. There may be no reason to worry about compatibility view if your older IE audience is tiny. Only 5% of my visitors use IE7 or earlier. They are not worth the bother.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top