Drop down menu not appearing.

[garethEds]

Hi Guys,

 

I'm after a bit of advice.

 

I've started moving a static template into EE. The address of the static example is: College02

 

As you can see there is a menu in blue across the top. The items turn green when they are hovered over. If there is a drop down then this drops down in green above the image panel.

 

Now when I look a this template on my computer (local copy) the drop downs appear on the top of the image. Yet when I upload the template to the server (address above) the drop down menus do not appear. This happens in both the static and the EE version.

 

Can anyone advise? What am I missing?

 

Many thanks

 

Gareth

[Steve21]

Is the above link the "broken" one?

 

Steve

[AWicher]

Thats what i get!

[garethEds]

Yes, on my laptop if you hover over the 'Academics' menu option there is a drop down menu. ON my laptop I can see the first two then it drops behind the pictures. This doesn't happen on my local copy.

 

It also happens on the Expression Engine development: Ysgol Gyfun Gwyr (but under the 'General Information' menu option.

 

I wonder if it's IE9 causing it.

 

The whole site looks useless in other browsers.

 

Gareth

[AWicher]

Seems ok with ie9 for me. Firefox and chrome FTW thay also has some brill web dev add-ons.

 

wipe all your IE cache?

[Steve21]

I see what you mean on my desktop , IE is fussy about Z indexing. By default it generates stacks based on elements

 

Steve

[Steve21]

Basically IE resets element stacks when containers aren't joined.

 

To show easy example:

 

Put #wrapper in front of the .navigation and #banner CSS

 

That'll link them so z index works but breaks other stuff

 

If you could confirm that example works (just for overlapping) will work on it tomorrow to get it properly working

 

Steve

[garethEds]

Thats what i get!

[ATTACH=CONFIG]11075[/ATTACH]

 

Hi - what browser are you using?

 

Gareth