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

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!

[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!!

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.