Div's moving in I.E. but not Firefox

[livewire1974]

Hi,
This works fine on firefox, but not i.e., The Div's below the menu on the left are moving when i put mouseover the menu's, can somebody help? I'm new to CSS


here is the link

http://www.jointheclub.ie/index.php

[KDLA]

I don't know if this has something to do with that or not, but you're using ID's more than once, which can cause problems. An ID can only be used for one element; use classes for multiple instances.

[livewire1974]

I am using different ID's for the different menu items, its ok for firefox, so this must be something on I.E. ?

[KDLA]

Hmmm... the validator seems to think differently:

# Error Line 97, Column 10: ID "sublinkjs" already defined.

<ul id="sublinkjs">

✉

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
# Info Line 84, Column 13: ID "sublinkjs" first defined here.

<ul id="sublinkjs">

# Error Line 111, Column 12: ID "sublinkjs" already defined.

<ul id="sublinkjs">

✉

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
# Info Line 84, Column 13: ID "sublinkjs" first defined here.

<ul id="sublinkjs">

# Error Line 125, Column 11: ID "sublinkjs" already defined.

<ul id="sublinkjs">

✉

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
# Info Line 84, Column 13: ID "sublinkjs" first defined here.

<ul id="sublinkjs">

[livewire1974]

Hmmm... the validator seems to think differently:

sorry......I'm just geting my head into CSS, i'll try using different Ids...

[livewire1974]

ok, I removed the offending ID's and its till the same...

[KDLA]

I'm guessing it's an <li> problem. You'll need to assign a width to the <li> (IE needs that, or puts extra space under the <li>), and also include "list-style-type: none;" to get rid of the bullets that are forcing themselves into the picture.

[livewire1974]

I've messed around with all the above, still no joy, is there a way to fix the bottom DIV's?