IE7 Absolute positioning issue (disappearing)

[davehardyuk]

Hi Guys,

I have a website (http://www.whickhamschool.org/about-us/), all is fine is the browser tests apart from IE7 of which the orange sub menu does not appear.

It is originally within the main menu, but I have removed it from here by absolutely positioning it.

After 1 day of solidly trying to figure it out, this could be the first time IE7 has got me!

Any help is greatly appreciated!

Thanks in advance,

Dave

[gcmax]

Yes and also viewing in ie7 creates a horizontal scrollbar!

The answer is not to use absolute positioning unless it is required: in the case of this menu it is most definitely not required, all you need is relative positioning and margins or to use extra divs as spacers.

[davehardyuk]

Originally Posted by gcmax

Yes and also viewing in ie7 creates a horizontal scrollbar!

The answer is not to use absolute positioning unless it is required: in the case of this menu it is most definitely not required, all you need is relative positioning and margins or to use extra divs as spacers.

Unfortunately I can only edit the CSS of the site (it's Wordpress) as we can't edit the templates/structure due to the stupid devs that created the wordpress install not allowing us access. That also rules out any JS but shouldn't need that anyway!

[gcmax]

Having never messed with wordpress before I wouldn't know: just to clarify your saying you can't alter the html? If this is the case you may want to look into using the css properties of z-index and display.

z-index sorts the document into layers like z-index:-1; or z-index:200; or whatever number you like depending on how many layers there are. Try a high z-index number first.

Display is the box displayed by an element which shouldn't matter here but sometimes this is a remedy for IE issues. display:inline; should be fine.

Try altering the css for the parent divs that contain the actual content and something good should happen