Problem with random margin in IE? FF OK

guys,

Ive made a site and im having some problems. I'm using CSS with a main content area and a small box in the top left to layer a menu over the top.

In FF - the text i have on the page in the content area wraps around the menu item correctly, moving under the menu when the area ends.

However, in IE - this does not happen. Imagine a vertical line drawn down from the rightmost edge of the menu item, all text in IE begins from this point.

You can see an example at www.rotorstock.com/newsite/home.php - try opening it in IE and again in FF. see the difference? what am i missing!

I've attatched the CSS files im using for the main page if its any help.

Thanks guys, sorry i know i havent done much on this to warrant help and i feel a bit cheeky coming on here asking this with my first post, but im really in a bind - i dont want to revert to using tables and the event the site is for is happening in 6 weeks now so i need to get the site up ASAP.

Thanks again

Carl

Attached Files

Copy of layout.txt (3.9 KB, 17 views)

I've looked it over and can't see anything you are doing wrong.

If you add a height to sidebar1 css such as
height: 275px;

Would that help?

I just tried...doesnt help makes no difference.

Has anyone encountered this before? Im stumped!