Thanks for the suggestion.I got the solution.We have to just change the
superfish.css
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
position:relative;
z-index:999;
}
and it will work.
On Mon, Aug 3, 2009 at 11:38 AM, CanisVoriCanis <code.l...@gmail.com> wrote:
>
> I just had a similar problem and my here is my solution.
> first some html
> <div id"container">
> <div id="menu">menu...</div>
> <div id="map_container"></div>
> </div>
> You must set all of the div tags two properties of position and z-
> index, ie.
> {
> position:relative;
> z-index:9999;
> }
> You can set other style properties but you must set those two. If you
> remove either one it will not work.
> Then make sure your menu z-index exceeds your container AND
> map_container.
> Then (THIS IS NOT INTUITIVE) your container should exceed your
> map_container.
>
> I have mine set as follows
> container z-index = 9999
> menu z-index = 999999
> map_container z-index = 1
>
> Good luck I hope this helps your particular case.
>
> On Jul 31, 6:06 am, appu <rupakn...@gmail.com> wrote:
> > Hi All
> > I am using the superfish menu on a page that also has a google map on
> > it. It work fine in FF but the menu will display below the google
> > map in IE. I have already change the z-index:999 and
> > position:absolute, but the result remains same for IE.
> >
> > Thanks in advance for your help
>
