The site is split into two main "div id" tags top half (header, links) and a bottom half (content, extra links) with div class in each. Im having trouble figuring out how to add a "div id Column" on the left side with site remaining centered. Go to the site home page to see the exsisting floating div on the left, then resize your browser window to see the problem with the content overlapping, also in the header banner the toll free number img, is also being over laped. Before receiving payment I must be able to verify the fix, probably best with prgrammers with servers or send the code. payment will be through paypal.

website: http://www.amsprocess.com


Link to download .css, layout, and index. etc --> http://assurancemerchantsolutions.com/index_code.rar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="rollover.js" type="text/javascript"></script>
<script src="maxheight.js" type="text/javascript"></script>

<body id="page3" onload=" new ElementMaxHeight(); MM_preloadImages('images/m1_1.jpg','images/m2_2.jpg','images/m3_3.jpg','images/m4_4.jpg','images/m5_5.jpg')">
<div class="site_center">

<div id="header">
<div class="top">
fkldfldfflkfjldfjldfdjfflfjdlksfjldjfdjfjf <-- top is header banner>
</div>

<div id="content">
<div class="width_100">

<div class="col1 list maxheight">
<div class="color maxheight">
<div class="bg_color_top maxheight">
<div class="bg_color_bot maxheight">
<div class="bg_color_left maxheight">
<div class="bg_color_right maxheight">
<div class="y_top_right maxheight">
<div class="y_top_left maxheight">
<div class="y_bot_right maxheight">
<div class="y_bot_left maxheight">
<div class="indent_color1">

dld;jlkdjflksfjkljfkd
kdjfkldsjflsdjfldfjd <---bottom div split into 2 sections> left side

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="col2"><img alt="" src="images/spacer.gif" width="5" height="1" /></div>
<div class="col3 border maxheight">
<div class="indent1">
dkljfkdlsjfldsfjkldjfkldsjflk <-right side of bottom div id>

</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
jlkdjfaklsdjfdkjflkasjfdjflfjasdfjsklfjljf footer html
</div>
</div>
</body>
</html>