I am having trouble with my footer floating up to the middle of my page. Also having a problem with the container in the background not going around the whole site unless I set a specific height. Any help would be appreciated.
Here is the pages code....
<body>
<div id="main">
<div id="contentContainer">
<div><img src="slices/line.jpg" width="800" height="10"></div>
<?php include('includes/nav.php'); ?>
<!--//end #navbar//-->
<div id="leftcolumn"><br>
<h2>Imagine a Hotspot the Size of a City™</h2>
<img src="slices/image-right-clear.png" class="floatRight">
<p>With CLEAR™ you get internet over areas much, much larger than Wi-Fi. <br>
We’re talking miles, not feet. So, forget about finding a hotspot… connect <br>
anywhere CLEAR has coverage.* Now you’re truly mobile!</p>
<h2>CLEAR is Next Generation Mobile Broadband</h2>
<p>Powered by WiMAX, a Fourth Generation (4G) wireless technology, the
CLEAR network combines the mobility you love about your cell phone with
the speed you want from broadband.</p>
<p>That means you get the same full internet experience you get at home while on the go. So go ahead and watch videos, download music or send email… with CLEAR you can do what you want, where you want.</p>
<h2>CLEAR Gives You Choices</h2>
<p>Getting online should be easy. That’s why CLEAR gives you choices:</p>
<ul>
<li>Service for home, around town or both</li>
<li>Flexible plans by the day or by the month</li>
<li>Devices for mobile or at home use</li>
</ul>
<p>Plus, there’s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that’s the way a broadband service should be!</p>
<table width="666" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" align="center"><img src="slices/redline.png"></td>
</tr>
<tr>
<td width="125" class="productimage"><img src="images/product-home-internet.png"></td>
<td width="407"><span class="producttext"><span class="graytitlelg">Fast Home Internet</span><br><br>
<span class="text">Fast Home Internet gives you more speed. This plan is ideal for online shopping, sending photos or even downloading music. You'll connect at download speeds of 3Mbps and upload speeds of 500Kbps**. Usage is unlimited.<br>
<br>$35 activation fee (waived with 2 year sign up).</span> </span></td>
<td width="134"><span class="productnumber">$30</span>/month<br><br><a href="contact.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image61" width="121" height="41" border="0" id="Image61"></a></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="slices/redline.png"></td>
</tr>
<tr>
<td width="125" class="productimage"><img src="images/product-home-internet.png"></td>
<td width="407"><span class="producttext"><span class="graytitlelg">Faster Home Internet</span><br><br>
<span class="text">Faster Home Internet lets you do more online in less time. This plan is ideal for playing games, banking, shopping, uploading, downloading videos and more! You'll connect at download speeds of 6Mbps and upload speeds of 500Kbps**. Usage is unlimited.<br>
<br>$35 activation fee (waived with 2 year sign up).</span> </span></td>
<td width="134"><span class="productnumber">$40</span>/month<br><br><a href="contact.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image61" width="121" height="41" border="0" id="Image61"></a></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="slices/redline.png"></td>
</tr>
<tr>
<td width="125" class="productimage"><img src="images/product-mobile-internet.png"></td>
<td width="407"><span class="producttext"><span class="graytitlelg">Unlimited Mobile Internet</span><br><br>
<span class="text">Unlimited Mobile Internet lets you get online and stay online as long as you want without worrying about overage charges. This plan is ideal if you need to stay
connected to the internet everyday for one low monthly price. You'll connect at download speeds of 6Mbps and upload speeds of 500Kbps**.
Usage is unlimited.<br>
<br>$35 activation fee (waived with 2 year sign up).</span> </span></td>
<td width="134"><span class="productnumber">$50</span>/month<br><br><a href="contact.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image61" width="121" height="41" border="0" id="Image61"></a></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="slices/redline.png"></td>
</tr>
<tr>
<td width="125" class="productimage"><img src="images/product-home-internet.png"></td>
<td width="407"> <span class="producttext"><span class="graytitlelg">CLEARVoice™ for Home</span><br><br>
<span class="text">Talk as long as you want, when you want, anywhere in the US, Canada and Puerto Rico for one low monthly rate. Plus get all the calling features you'd expect
and access to your voicemail through email.<br>
</span> </span></td>
<td width="134"><span class="productnumber">$25</span>/month<br><br><a href="clearhomevoice.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image61','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image61" width="121" height="41" border="0" id="Image61"></a></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="slices/redline.png"></td>
</tr>
</table>
<br><br>
<div><strong>Pick the combination of services that fits your needs. And when you sign up for a 2 year commitment get free activation (a $35 value) and device lease options for only $4.99/mo</strong>.<br>
<br>
<h2>Pick 2 Unlimited: Home & Mobile - $50/mo for life!</h2>
<ul>
<li>Combine unlimited Home usage with Unlimited Mobile or choose two Unlimited Mobile services.</li>
<li>Benefit from download speeds up to 6Mbps and upload speeds of 500Kbps.**</li>
<li>Usage is Unlimited.</li>
<li>$35 activation fee waived.</li>
</ul>
<br>
<a href="contact.php">Sign up</a> today to receive all the benefits of Clear™.<br>
<br>
* Restrictions may apply. See terms of service for details. Service availability may vary.<br>
** Broadband access speed claims are based on our network speed tests. Many factors can affect performance. Actual performance and coverage may vary and is not guaranteed.
</div>
</div>
<?php include('includes/services.php'); ?>
<div><img src="slices/line.jpg" width="800" height="15"></div>
<div id="footer">
<span class="footer">
<a href="index.php">HOME</a>
<a href="computerservices.php">SERVICES</a>
<a href="contactus.php">CONTACT US</a>
</span>
<span class="copyright">COPYRIGHT 2009 EMS MOBILE COMPUTER SERVICES </span><br><br><br>
</div>
<div><img src="slices/line.jpg" width="800" height="15"></div>
</div>
</div>
</body>Here is the css...
body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
background-image:url(../slices/bkg-image.jpg);
background-repeat:repeat-x;
background-color:#626262;
}
.leftFloat{ float:left; }
#main{
width:950px;
height:100%;
margin:0 auto;
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#FFFFFF;
}
#contentContainer{
width:923px;
margin:0 auto;
font:12px Verdana;
color:#545454;
}
#top{
background:url(../slices/headerbg.jpg) top no-repeat;
width:923px;
text-align:right;
}
#mainnav{
background-image: url(../slices/mainnav.png);
background-repeat:no-repeat;
height:24px;
padding-top:4px;
background-position:right;
}
#mainnav a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin-top:10px;
padding:10px;
text-decoration:none;
}
#mainnav a:hover {
text-decoration:underline;
}
#subnav{
background-image:url(../slices/navbar.jpg);
background-repeat:no-repeat;
height:26px;
padding-top:7px;
text-align:left;
background-position:right;
}
#subnav a{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
padding:10px;
text-decoration:none;
}
#subnav a:hover {
text-decoration:underline;
}
.vposition {
vertical-align:middle;
padding-top:8px;
}
#mainimage {
margin:5px 2px 0em 0;
padding:1px;
float:left;
width:671px;
height:236px;
}
#leftcolumn {
float:left;
width:671px;
text-align:left;
}
#servicesblock {
margin:5px 0 0em 1px;
float:right;
width:247px;
background-image:url(../slices/servicesbg.png);
background-repeat:no-repeat;
height:235px;
}
.servicelinks {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
}
.servicelinks ul li a{
text-decoration:none;
color:#000000;
list-style-type:none;
margin-left:35px;
}
.servicelinks ul li a:hover{
text-decoration:underline;
font-weight:bold;
}
.arrowbullet{
background:url(../slices/bullet-arrow.png) left top no-repeat;
margin-left:15px;
line-height:1.5em;
text-align:left;
}
ul, li{
margin:0;
padding:0;
list-style-type:none;
}
.contentarea {
width:950;
}
#contentleft {
margin:5px 5px 1em 0;
float:left;
width:301px;
}
#contentright {
margin:5px 0 1em 5px;
float:left;
width:301px;
font:12px Verdana;
color:#545454;
}
#redbg{
background-image:url(../slices/red-title.png);
background-repeat:no-repeat;
width:296px;
height:66px;
padding-top:2px;
padding-left:5px;
}
.redimg {
margin-top:-13px;
margin-left:-5px;
}
.redtitle {
text-align:left;
vertical-align:middle;
}
#contentmiddle {
margin:5px 5px 1em 5px;
float:left;
width:301px;
}
.blacktitle{
background-image:url(../slices/black-title.png);
background-repeat:no-repeat;
width:296px;
height:66px;
padding-top:2px;
padding-left:5px;
}
h1{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
h2{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#810101;
}
#footer {
height:200;
width:923;
background-color:#d5d5d5;
left: 22px;
top: 1159px;
}
.footer a{
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#2f2f2f;
margin-top:5px;
text-align:left;
text-decoration:none;
}
.footer a:hover {
text-decoration:underline;
}
.copyright{
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#2f2f2f;
margin-left:425px;
text-align:right;
}
.calltoaction {
font:Verdana, Arial, Helvetica, sans-serif;
color:#810101;
font-size:30px;
font-weight:bold;
}
.productimage
{
padding:20px;
}
.producttext
{
width:350px;
margin-right:25px;
float:left;
}
.productprice
{
width:100px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#01204b;
padding-left:5px;
}
.productnumber {
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
color:#7b0001;
}
.productnumbersmall{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7b0001;
}
.graytitlelg {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#353535;
}
img.floatRight {
float: right;
margin: 4px;
}