Need help with DIV on different resolutions.. OR AN ALTERNATIVE TO DIV

Hey guys,

I am having some trouble aligning a DIV tag on different resolutions. I have tried using percentages, absolute, relative, etc. and none seem to work with the code I have. It is just a simple website with one DIV tag. The rest of the layout is graphic based.

Can someone please help me out? The website is http://mikedabarber.net
This is the code I am using

<DIV style="Z-INDEX: 1; LEFT: 374px; WIDTH: 944px; POSITION: absolute; TOP: 308px; HEIGHT: 944px">

Code (markup):

Thanks in advance.

 

Something like this should work in the short run, but you'll really want to rework the page so you don't have to use an image map. A large image like that will slow down the page and linking that way is not very search engine friendly.

<style>
	body {text-align:center}
	#content {position:relative;margin:auto;text-align:left;width:944px;}
</style>

<div id="content">
	<img src="mainshort.jpg" usemap="#map1" id="map1" border="0">
	<map id="map1" name="map1">
		<area shape="rect" coords="0,248,168,281" href="index.html" alt="" title="Home/Intro">
		<area shape="rect" coords="234,249,444,282" href="images.html" alt="" title="Images/Styles">
		<area shape="rect" coords="508,248,606,281" href="about.html" alt="" title="About">
		<area shape="rect" coords="652,248,794,281" href="shop.html" alt="" title="Shopping">
		<area shape="rect" coords="864,248,945,281" href="news.html" alt="News" title="News">
	</map>

	<div style="z-index: 1; position: absolute; top: 308px; padding-left:20px">
		<font color="#ffffff" face="verdana">
			<br><br><u>HOME/INTRO</u><br><br>
			Any age, size, time, color or design!--New customers are always welcome more the merry,bring all friends and family. I cut hair everyday and almost all day, I am always here and reliable,--"I do it all"-- Ask my customers about my Consistency on how it comes out the same with EVERY CUT! I promise you ll love it if not its FREE!
			<br><br>Location: Middletown nj---From RT36 make a * --RIGHT on EAST RD and a RIGHT on PARK AVE---*

		</font>
	</div>
	<center><font color="#000000" face="verdana"><b>Copyright © 2010 MikeDaBarber.net <br>Design by: <a href="mailto:mrc00l88@gmail.com">Spleenless</a></b></font></center>
</div>

Code (markup):