Hi all,
Can anyone help me on this problem pls?
We have a flyout menu underlapping the page content.
When a user hovers over the “Mobile Awards” link on the left hand menu the flyout text goes behind the content.
[url]http://www.mobiletoday.co.uk/newslist.aspx
The menu has a z-index:100
The code for the content –
<div style=”display:block; clear:both;”>
<div style=”display:block; width:530px; clear:both;”>
<img src=”boximg/widetop.jpg” width=”524″ height=”14″ /></div>
<div class=”NewsBox” style=”display:block; width:502px; POSITION: relative; top:-3PX; z-index:1″>
<div class=”Breadcrumb”>
<br /
<img src=”White spacer.jpg” alt=”spacer” />
</div>
<br />
<div class=”HdGrey” style=”font-size:13px”> News List</div>
<!– CONTENT –>
</div>
<div style=”display:block; position:relative; top:-3px;”>
<img src=”boximg/widebot.jpg” width=”524″ height=”14″ />
</div>
</div>
I would appreciate any help, thank you.