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&trade;</h2>
				<img src="slices/image-right-clear.png" class="floatRight">
				  <p>With CLEAR&trade; you get internet over areas much, much larger than Wi-Fi. <br>
				    We&rsquo;re talking miles, not feet. So, forget about finding a hotspot&hellip; connect <br>
				    anywhere CLEAR has coverage.* Now you&rsquo;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&hellip; 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&rsquo;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&rsquo;s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that&rsquo;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&trade; 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&trade;.<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; 
}

Recommended Answers

All 2 Replies

hi bjdmb,

I took a look at your code... Few things i have to mention immediately if you coding XHTML.

Line Breaks

<br />

Notice how the line break is closed afterwards. Same goes for an image.

Now onto the issues you having. Since I haven't got anything better to do, i've done quite a few changes to your code (removed your php menu as well, ensure you add that back).

While doing so, I also noticed you don't format your css properly aswell (some times not defining values for width and constantly adding "font" instead of "font-family") try be careful with that.

Finally the fun stuff... Here is the updated code (did check in IE6, looks good, dont have any of the images so i can't really tell)

<body>
    <div id="content_container">
        <div id="main">
            <div id="main_content_wrapper">
                <div id="contentContainer">
                    <div id="leftcolumn">
                        <br/>
                        <h2>Imagine a Hotspot the Size of a City&trade;</h2>
                        <img src="slices/image-right-clear.png" class="floatRight" />
                        <p>
                            With CLEAR&trade; you get internet over areas much, much larger than Wi-Fi. 
                            <br/>
                            We&rsquo;re talking miles, not feet. So, forget about finding a hotspot&hellip; connect 
                            <br/>
                            anywhere CLEAR has coverage.* Now you&rsquo;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&hellip; 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&rsquo;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&rsquo;s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that&rsquo;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="graytitlelg producttext">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&trade; 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&trade;.
                            <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>
                <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>
            <div>
                <img src="slices/line.jpg" width="800" height="15" />
            </div>
        </div>
    </div>
	</body>
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;
            }
			
			#content_container {
				width: 950px;
				position: relative;
				margin: 0 auto;
			}
            
            #main {
                background-color: #FFFFFF;
                border: 1px solid #000000;           
                width: 950px;
				float: left;
            }
            
            #contentContainer {
				width: 923px;
                font: 12px Verdana;
                color: #545454;
				background: #fff;	
				float: left;

            }
			
			#main_content_wrapper {
				width: 923px;	
               	margin: 0 auto; 
		
                	
			}
            
            #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-family: 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-family: 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-family: 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: 950px;
            }
            
            #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-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #FFFFFF;
            }
            
            h2 {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #810101;
            }
            
            #footer {
                width: 923px;
                background-color: #d5d5d5;
				float:left;		
				margin-top:5px;	
            }
            
            .footer a {
                font-family: 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-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                color: #2f2f2f;
                margin-left: 425px;
                text-align: right;
            }
            
            .calltoaction {
                font-family: 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;
            }

Just so you know what i did, I added containers around your divs (to center them) and floated left the inner divs (so that they grow with content)

you should add 2 rows to this position

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/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:200px;
	width:923px;
	background-color:#d5d5d5;
	
	}
.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; 
}

.clear{clear:both;}
</style>

</head>

<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&trade;</h2>
				<img src="slices/image-right-clear.png" class="floatRight">
				  <p>With CLEAR&trade; you get internet over areas much, much larger than Wi-Fi. <br>
				    We&rsquo;re talking miles, not feet. So, forget about finding a hotspot&hellip; connect <br>
				    anywhere CLEAR has coverage.* Now you&rsquo;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&hellip; 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&rsquo;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&rsquo;s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that&rsquo;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&trade; 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&trade;.<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 class="clear"></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>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.