footer not lining up correctly *help*

[Humper]

I cant seem to get my footer to line up with the rest of the page.. I have tried almost everything I cant think of... I tried taking the container class away.. I ahve tried make it .footer instead of #footer.. I made all the width, margin, padding all the same and it still is just a bit to short... I am new to css and this is my first time actually tring to create the whole page in css... I have validated the css and the php file...

here is the css...

#container{
  width: 80%;
  margin: auto;
  padding: 20px;
  /*border: 1px solid #666;
  /* background-image: url(All_Sites/Images/bgTile.gif); */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  /* cursor: default;  /* can add a new cusor  */
}

#footer {
     text-align: center;
	  background-color: #C9D9E2;
     padding: 2px;
	  width: 40%;
	  margin: auto;
	  font-size: 9px;
	  color: #4B626E;
	  
}

body {
	background-image: url(All_Sites/Images/bgTile.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

.table{
	background-color: White;
	width: 80%;
	margin: auto;
	padding: 20px;
	
}

.indexTable{
	background-color: White;
	width: 40%;
	margin: auto;
	padding: 20px;
	
}

a:link {
	color: #0175B1;
	text-decoration: none;
}
a:visited {
	color: #0175B1;
	text-decoration: none;
}
a:hover {
	color: #0175B1;
	text-decoration: underline;
}
a:focus {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #0175B1;
	text-decoration: underline;
}
ul {
	list-style-position: outside;
	list-style-type: disc;
}

and here is the php file....

<div id="container">
	
	<div class="indexTable">
		<table>
			<tr>
			  <td><img src="All_Sites/Images/logo_airwaves_ON.gif" alt="" width="161" height="44"/></td>
			</tr>
		</table>	
		<table>
		<tr>
            <td width="57%"><img src="All_Sites/Images/img_resident.jpg" alt="" width="251" height="225"/></td>
            <td width="43%" valign="middle">To get information about service in your area, select your location from the following choices:
			
			<?
			
			   print "<form name=\"form1\" method=\"post\" action=\"All_Sites/index.php\">";
			   print "<select name=\"select\" >";
			   print "<option value=\"#\" selected=\"selected\">Select Site</option>";
			
				$query = "SELECT * FROM SiteLinks";
 				$result = mysql_query($query);
				
				while($row= mysql_fetch_array($result))
				{
				 $SiteName = $row["SiteName"];
				 $SiteCode = $row["SiteCode"];	
				 print "<option value=\"$SiteCode\" >$SiteName</option>";
				// print "<input type=hidden name=Site value=$Site>";
			   	} 	
				      
				  print "</select>";
				  print "<input type=\"submit\" name=\"submit\" value=\"Submit\" />";
				  print "</form>";
			  
		    ?>	      </td>
          </tr>
	  </table>
		  
	</div>
	<div id="footer">  
		Copyright &copy; 2006 Airwave Networks. All Rights Reserved.
    </div>

</div>

I have tried it without the container class and it still doesnt work...

the link to the site is http://www.half2deal.com/new-index.php

can anyone help me out??

[geoffb]

Hi,

Im still discovering things for pure CSS styling, but I had a look at the index to your site, (i take it this is the footer you are talking about) and it looks in-line with me.

It sits perfectly underneath the main box, and your copyright info is centered.

For your information I am using Mozilla firefox (not sure what version)

I have found that IE is the problem with rendering my sites the way I want.

I have another Style sheet for IE only which I use to deal with any problems for IE only.

geoffb

[Joseph76]

I have found that to be the case as well many times. A quick tool that helps is an IE tab that you can install as an ext in FF - so with just one quick click you can view the page as imbedded IE and then toggle back and forth between IE and FF. Maybe a dumb idea, but it helps me sometimes.