Weird IE9 bug - Div overlay on iFrame ticker

[Zipster]

Hi,

I have a client that has a drop-down menu which overlays an iFrame with an animated ticker going from right to left here:

http://collinssarristatham.com/

If you hover over a menu item at the top you'll noticed a sub-menu drop-down. If look at this site in IE9 the sub-menu item will follow the background iFrame ticker moving across the screen from right to left! It doesn't do this in any other browser and not even in IE9 compatibility mode, so seems to be IE9 specific.

Here is some of the code:

  <div id="tickerplace" class="tock">
    <div id="ticker" class="tick">

      <iframe src='[URL unfurl="true"]http://www.moneyam.com/wlabel/css/ticker/index2.php'[/URL] width="960px" height="25px" scrolling="no" frameborder="0" class="notranslate" allowtransparency="true" style="z-index:1000;"></iframe>

    </div>
  </div>


.tock
{
	background-color: #00360e;
	border-bottom: #ffffff solid 1px;
	border-top: #7da07a solid 1px;
	font-size: 11px;
	height: 25px;
	margin: 0px auto 0px auto;
	padding: 0px 0 0 0;
}
.tick
{
	color: #fff;
	margin: 0px auto 0px auto;
	padding: 0px 0 0 0;
	width: 960px;
}

Any help on this one would be great!

Thanks.


Computer repairs in London rebootthat.com

 

[audiopro]

You have a few validation errors on that page. It would be worth sorting those out first in case the cause lies amongst them.

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Keith

http://www.studiosoft.co.uk