Please have a look at http://www.gkmedia.co.uk/AR-JAN/index3.htm

on Ie7 and FF its ok but in IE6, its all out of line!

The blue box in the top left is ok but the main image on the right starts too far down!

I cant see this from here (IE6 is on a work machine) so I cant lpay around with it - so any advise would be great!

Test this: In that div (the blue box) change the "<br />" from after:

<span class="arial11"><br/>

to before

"<br/><span class="arial11">"

and erase all spaces enters, and carry return between tags.

OK I've done that. Could someone have a look on IE6 and maybe take a screen shot please...

You're getting classic float drop due to IE6's busted box model.
Reduce the left and right padding at least by 1/2 on your #intro_right and it'll pull back up.

Ok, reduced the padding. any good now??

Yes Now it looks just like FF does.

Its perfect now, looks same as on ff and ie7. Great!

I saw in IE6. Apparently it´s fixed

IE6 is a cancer !!! >

It's amazing how many of these IE6 broken floats we see. Someone needs to make a sticky about this. I had to fix someone elses layout yesterday, that had this, among many other problems.

Remember, if you are newer at this, that as a general rule, you must leave IE6 more room "to breath" when floating elements in another element that has a fixed width. Proper planning will save a world of frustration.

BTW, Rolda, if you ever need to test on IE6, but do not have an older computer nearby, check out Browsershots.

Thanks for all your help guys, really appreciate it.

and Wayfarer07, that link is exactly what I need to solve all my problems!

There ARE stickies for resources, and bug fixes, at the top of this and the CSS forum. All you have to do is take the time to read them