Alignment problem HELP!

[rodd1000]

Hi guys, first post and what a great resource the forum is. Been lurking around for a while now but recently hit a problem so thought id ask for advice here.

I'm having problems with the alignment/display of a box on a website i am creating for a friend. It views fine in IE but not in firefox or safari. If i change the height of the #rightimg div to 452 it views fine in Firefox but not IE anymore.

I'v uploaded the page here (http://www.karlroddis.f2s.com)

Any help or advice would be great

Thanks

[Centauri]

Give the div a width and float it to the right :#apDiv1 #rightimg {
background-image: url(assets/side.jpg);
background-repeat: no-repeat;
background-position: right center;
height: 447px;
width: 301px;
float: right;
}

[rodd1000]

Thankyou very much for your help, although i cant preview it in IE here at home, it worked at treat in Firefox and Safari

Is there anyway i can get hold of IE for Mac or maybe a plugin for firefox that would allow me to run IE on a MaC, What do other web designers do in this situation?

Many thanks again.

[WebJoel]

....or maybe a plugin for firefox that would allow me to run IE on a MaC, What do other web designers do in this situation? Go to the Mozilla site and get the Firefox extension called "IE-tab". It lets you switch the rendering engine of Firefox from Gecko ("Mozilla-mode") to Trident ("IE-mode") and you get to see the page being tested in the way IE view things. VERY, VERY useful tool this one! :D

[rodd1000]

Hi mate, it says IE-tab is not available for Mac OSX

Could someone check the site again to make sure it is OK in IE for me.

www.karlroddis.f2s.com

Thanks.

[Centauri]

There are a couple of gaps in IE6, which these additions will take care of :#apDiv1 #navbar {
background-image: url(assets/navbar.jpg);
height: 31px;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}

#header img {
display: block;
}

[WebJoel]

No IE-tab for FX/Mac? GRR!! :mad:

Anyway, IE-tab for Firefox/pc shows just a small discrepancy in the bottom orange bar, just in front of the car's bumper (image attached)

Else, in Firefox, everything looks exactly the same. :)

[Centauri]

shows just a small discrepancy in the bottom orange bar, just in front of the car's bumper which is fixed with the header image style change noted above.

[rodd1000]

Centauri you are a star. Thankyou very much for your help.

All seems fine now.(i think lol)

Thanks again.