asked on

css hover not working under IE10

Hi,

I've a problem in ie10 with this code (in chrome it's working perfectly):

html:

<div class="StockDisplay">
<div class="altstock">My text</div>
</div>

css:

.StockDisplay{ background-image: url(../img/information.gif);}
.altstock{display:none; }
.StockDisplay:hover .altstock{ display:block;}

can you help me please

Thanks

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

bruno_boccara

ASKER

I post a simplified code to explain my issue.

the real css code is:

.StockDisplay{
background-image: url(../img/information.gif);
width:16px;
height:16px;
}
.altstock{
position:absolute;
display:none;
margin-left:25px;
background-color: white;
border: #333 1px solid;
}

and it's perfectly work under chrome

The issue is only Under IE10 ...

Gary

Still works fine.
Do you have a link to the page - there must be something else you are missing out.

bruno_boccara

ASKER

the page is in a software working Under browser and it is intranet....

and the page load a lot of thing !

I will try to upload you more informations

COBOLdinosaur

absolute positioning and the parent has no position. Therefore the position is not within stock display. If it works in Chrome then it is because Chrome is not positioning to the standards and IE10 which means that alstock is probably being displayed somewhere else on the page;perhaps top left. Of course if lots of things get loaded maybe it is under one of them.

Try adding position:relative to the parent div.

Cd&