Problem with fly-out menu and images 1

[adrianjohnson]

I'm having problems with using a fly-out menu when there is an image in the main content area.

The menu is ok in itself - when the mouse is positioned over an item, the sub menu is displayed. The submenu covers text in the main content area ok, but when there's an image there the submenu is displayed behind the image.

An test example is shown

http://www.adrian-johnson.com/webimages/problem.jpg

.

I've menus from different places, such as A List Apart, but all give the same result.

Thanks,

Adrian

Adrian Johnson
Assystance - i.t. solutions

http://www.assystance.com

 

[feherke]

Hi

Is that [tt]img[/tt] positioned ? If yes, give it a [tt]z-index: -1;[/tt] for example.

Feherke.

http://rootshell.be/~feherke/

 

[Vragabond]

It seems that your text is above the menu as well. Please make sure how your containers are positioned. Usually, the fly-out menus use position: absolute; to make them hover above everything else, but if you're building most of the page using the same technique, there could be trouble.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[adrianjohnson]

Thanks for your posts, guys. Ferherke's z-index thing did it.

Adrian

Adrian Johnson
Assystance - i.t. solutions

http://www.assystance.com