Hi

I have a horizontal menu which I have created using the inline style type. It works fine in FF but not in IE 7 or 8. It works for the most part except one part of it which is two words instead of one over laps. So I have About, Actress, Presenter, Voice Artist, Gallery etc. Voice Over is over lapping with Gallery. The rest works as it should. What's going on?

A sample page can be found at : http://www.natashapowell.co.uk/test/index.html

My CSS page is at : http://www.natashapowell.co.uk/test/...le_Natasha.css

Any Ideas?
Thanks

Hi,
Give float left for your class navbar which is the class for li
this would solve your problem
any question let me know

Thank you! This works.

Is it normal for older version of IE not to recognise the "in-line" elements at all?

Originally Posted by rhowbust

Is it normal for older version of IE not to recognise the "in-line" elements at all?

Not for inline display style, this is well supported cross-browser.
However, what your navbar uses is inline-block, which IE7 and earlier do have problems with.
Use a conditional comment targeting IE6 & 7 to apply the following style to all your inline-block elements.

{
    display: inline;
    zoom: 1;
}