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.