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?
Thank you,
Call Center & Call Center Services
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