CSS problem only in IE

HTML & CSS
1

Hi guys

Anyone know why this wouldnt work in IE, works fine in the other 4 majors.

heres the jist of it


<div A>
<div B>
<div C><p></p></div B>
<div D><p></p></div B>
<div x>><p></p></div x>
 </div B>
</div A>

Div A Absolute positioned
Div B Relative positioned (20px margin to Div A)
Div C thou x Relative Inline-block

What should happen (and does in all the other browsers) is that my inline-block elements stack up end to end. However in IE all these elements are shown on top of each other.

link to page www.outlaw.fr/outlawguest.fr

Ive coloured borders to see whats going on DivA - red, Div B - blue other divs - green

Any ideas

2

Try using a valid doctype first.

3

Dohhh

Thanks I updated and it works.