Need Help On my Website - Simple CSS Prolem

http://rollercoastercrazy.com/theme-parks-uk-pleasure-beach.php
If your screen resolution is different to mine or you resize the window the address moves, im using position absoulute to do it, what could i use and how.

#address{
	position:absolute;
	left:880px;
	top:345px;

}
#addressmap{
	padding:0 0px 10px 45px;
}

PHP:

<div id="addressmap">
<img src="http://www.google.co.uk/mapdata?CxWZxDQDHaxX0f8gJQxAjgJIuQFSAkdCkAECygECZW4">
</div>
<div id="address">
525 Ocean Boulevard<br />
Blackpool, FY4 1EZ<br />
0870 444 5566<br />
</div>

PHP:

 

To #right, add {position: relative;}. That makes it the nearest positioned ancestor.

Then do this:

#address {
  position: absolute;
  right: 10px;
  top: 100px;
  }

Code (markup):

That positions it referenced to its containing box, #right.

cheers,

gary

 

Forget abs position here, its obsolete...

1) move the address into the addressmap div
2) add float:left to BOTH the image AND the address
3) set a right margin for the image to pan the address to the right
4) of course don't forget to CLEAR after these elements...

cheers...

pm me if you still have problems

 

Thanks for the help,
+REP to you both.

 

No quite true. For small positioning jobs like this, it's quite useful.

cheers,

gary