Small issue but no ideas

ace2109 · 9 Jun 2009 at 17:33

Hi Guys,
Could you guys have a look at this for me. I have built this site within dreamweaver cs3 and im having an issue with a spry menu bar.

The problem is it does not show up right in internet explorer but shows up fine in firefox, chrome, safari etc.

In internet explorer the menu bar along the top is showing up white and instead of the sub menus appearing below the main bar it shows above the bar?

Have a look here

P.S. Before anyone clicks this link its for a Liverpool Supporters club site so dont be holding it against me, even though they are the best.

Tripnologist · 9 Jun 2009 at 18:09

tbh, the easiest thing to do would be to use a premade solution which is cross browser.

http://users.tpg.com.au/j_birch/plugins/superfish/

suarve · 9 Jun 2009 at 18:23

...also the youtube video on the main page has been removed by youtube )copyright claim from Liverpool FC

)

konicky · 9 Jun 2009 at 23:55

ace2109 said:
In internet explorer the menu bar along the top is showing up white and instead of the sub menus appearing below the main bar it shows above the bar?

Have a look here

You need to edit the SpryMenuBarHorizontal.css

Right down the bottom in the IE hacks delete:

background: #FFF;

That should sort out the white problem, not sure about the sub menus though.

ace2109 · 13 Jun 2009 at 10:03

konicky said:
You need to edit the SpryMenuBarHorizontal.css

Right down the bottom in the IE hacks delete:

background: #FFF;

That should sort out the white problem, not sure about the sub menus though.

Thanks for that, i removed that but i also noticed a piece of code in the css that says it will put the submenus above the form, i think this is what i need to change.

it is currently set to absolute but what should i set it to???