CSS - Broken Border In Ie8

<?php require_once('Connections/getBiz.php'); ?>

<?php
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////DREAMWEAVER FUNCTION - USED TO STRIP OUT COMMAS ETC.
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}//end DreamWeaver Function

//USED CHECK IF FORM FIELD IS EMPTY
function notEmpty($variable){
if($variable == NULL || $variable == ''){
	$ntEmpty = false;
	} 
else {
	$ntEmpty = true;
	}
return($ntEmpty);
} //end notEmpty function

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//BEGIN HTML CODE CREATION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
session_start();
$currentPage = $_SERVER["PHP_SELF"];



$num_fields = 0; //Initiate counter for filled fields
//Set form field variables to 'missing'
$name = "-1";
$city = "-1";
$zip = "-1";
$begDate = "-1";
$endDate = "-1";
$maxRows_Biz = 10;
$pageNum_Biz = 0;

if (isset($_GET['pageNum_Biz'])) {
  $pageNum_Biz = $_GET['pageNum_Biz'];
}
$startrow_Biz = $pageNum_Biz * $maxRows_Biz;

//CHECK EACH FORM FIELD TO SEE IF IT'S EMPTY
if (isset($_GET['Name']) && notEmpty($_GET['Name'])) {
  $name = $_GET['Name'];
  $num_fields++;
}
if (isset($_GET['City']) && notEmpty($_GET['City'])) {
  $city = $_GET['City'];
  $num_fields++;
}
if (isset($_GET['zp']) && notEmpty($_GET['zp'])) {
  $zip = $_GET['zp'];
  $num_fields++;
}
if (isset($_GET['Beginning_Date']) && notEmpty($_GET['Beginning_Date'])) {
  $begDate = date("Y-m-d", strtotime($_GET['Beginning_Date']));
  $num_fields++;
}
if (isset($_GET['Ending_Date']) && notEmpty($_GET['Ending_Date'])) {
  $endDate = date("Y-m-d", strtotime($_GET['Ending_Date']));
  $num_fields++;
}
if (isset($_GET['Submit']) && notEmpty($_GET['Submit'])) {
	$submit = true;
}
//print ($begDate);

mysql_select_db($database_getBiz, $getBiz);

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//IF FORM FIELDS WERE SUBMITTED, CREATE QUERY BASED ON NUMBER OF FILLED FIELDS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//print (str_replace(' ','',GetSQLValueString($zip, "defined")));
//print ("Here is the zip" . $zip . "<br>");
//print ("Here is the zip" . GetSQLValueString($zip, "defined"));
if ($num_fields > 0) {  
	$query_Biz = "SELECT * FROM biz WHERE ";
	if ($name != "-1") {
		$query_Biz .= "bizName LIKE '%" . $name . "%'";
		$num_fields--;
		if ($num_fields > 0) {
			$query_Biz .= " AND ";
		}
	}
	if ($city != "-1") {
		$query_Biz .= "city LIKE " . GetSQLValueString($city, "text") ;
		$num_fields--;
		if ($num_fields > 0) {
			$query_Biz .= " AND ";
		}
	}
	if ($zip != "-1") {
		$query_Biz .= "zip IN ( " . $zip . " ) ";
		$num_fields--;
		if ($num_fields > 0) {
			$query_Biz .= " AND ";
		}
	}	
	if ($begDate != "-1") {
		$query_Biz .= "incDate > " . GetSQLValueString($begDate, "date");
		$num_fields--;
		if ($num_fields > 0) {
			$query_Biz .= " AND ";
		}
	}
	if ($endDate != "-1") {
		$query_Biz .= "incDate < " . GetSQLValueString($endDate, "date");
		$num_fields--;
	}
/// PUT A LIMIT ON THE QUERY ////////////////////////////////////////////////////////////

	$query_limit_Biz = sprintf("%s LIMIT %d, %d", $query_Biz, $startrow_Biz, $maxRows_Biz); //add limit 
//	print($query_limit_Biz);

	$Biz = mysql_query($query_limit_Biz, $getBiz) or die(mysql_error());
	$row_Biz = mysql_fetch_assoc($Biz);

	if (isset($_GET['totalRows_Biz'])) {  //get total # rows from clicked link....
		$totalRows_Biz = $_GET['totalRows_Biz'];
	} else {
		$all_Biz = mysql_query($query_Biz, $getBiz); //or from adjunct query 
		$totalRows_Biz = mysql_num_rows($all_Biz);
	}
	$totalPages_Biz = ceil($totalRows_Biz/$maxRows_Biz)-1;
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//CHECK FOR NEW PARAMETERS AND INCORPORATE THEM
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$queryString_Biz = "";
if (!empty($_SERVER['QUERY_STRING'])) {   //get the query parameters from clicked link
  $params = explode("&", $_SERVER['QUERY_STRING']);
  $newParams = array();
  foreach ($params as $param) {
	if (stristr($param, "pageNum_Biz") == false && 
        stristr($param, "totalRows_Biz") == false) {
//		  print($param);
	      array_push($newParams, $param);
    }
  }
  if (count($newParams) != 0) { //add new parameters, if any, to queryString
    $queryString_Biz = "&" . htmlentities(implode("&", $newParams));
  }
}
$queryString_Biz = sprintf("&totalRows_Biz=%d%s", $totalRows_Biz, $queryString_Biz);
//print ($currentPage);
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//BEGIN HTML
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////
?> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NewBizFL - The only site devoted exclusively to free business listings</title>
<link href="css/hilite.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
	<div id="logo">
		<h1>newbizFL</h1>
	</div>
	<div id="menu">
		<ul>
			<li class="active"><a href="#">homepage</a></li>
			<li><a href="#">search</a></li>
			<li><a href="#">about us</a></li>
			<li><a href="#"> faq</a></li>
			<li><a href="#">contact us</a></li>
		</ul>
	</div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
</div>
<div id="wrapper">
    <div class="top"></div>
    <div class="rside">
        <div class="content">
            <div id="srchForm">
                <form name="form1" method="get" action=<?php $currentPage ?> >
                  <fieldset id="location">
                    <ol>
                        <li>
                        <label for="Name">Business Name:</label> 
                        <input type="text" name="Name" id="Name">
                        </li>
                        <li>
                        <label for="City">City:</label>
                        <input type="text" name="City" id="City">
                        </li>
                        <li>
                        <label for="Zip Code">Zip Code:</label>
                        <input type="text" name="zp" id="Zip Code">
                        </li>
                    </ol>  
                  </fieldset>
                  <fieldset id="dateRange">
                    <ol>
                        <li>
                        <label for="Beginning Date">Beginning Date</label>
                        <input type="text" name="Beginning_Date" id="Beginning Date">
                        </li>
                        <li>
                        <label for="Ending Date">Ending Date</label>
                        <input type="text" name="Ending_Date" id="Ending Date">
                        </li>
                    </ol>    
                  </fieldset>
                  <input type="submit" name="Submit" id="Submit" value="Submit" />
                </form>
            </div>
            <div id="dataTable">
            <?php  
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            //IF NO RECORDS, SHOW 'NO RECORDS' MESSAGE.  ELSE, SHOW TABLE WITH RECORDS
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            if ($totalRows_Biz == 0 ) {
                echo '<td>No Records to Display' . ' Sorry </td>'; } 
            else {
                echo '<p>&nbsp; Records' . ($startrow_Biz + 1) . ' to '  . min($startrow_Biz + $maxRows_Biz, 	$totalRows_Biz) . ' of ' . $totalRows_Biz . '</p>';  // Result Page Heading: 'Records 1 to 10 of 40'
                echo '<table border="1">';
                echo "<thead>";
                echo "	<tr>";
                echo "		<th scope=\"col\">Business Name</th>";
                echo "		<th scope=\"col\">Address</th>";
                echo "		<th scope=\"col\">City</th>";
                echo "		<th scope=\"col\">Zip</th>";
                echo "		<th scope=\"col\">Filing</th>";
                echo "		<th scope=\"col\">Date</th>";
                echo "		<th scope=\"col\">President</th>";
                echo "	</tr>";
                echo "</thead>";
                $counter = 0; // counter to highlite rows
                do {  //do loop till all records are printed
                    if ($counter++ % 2) {
                        echo '<tr class="hilite">'; } 
                    else {
                        echo '<tr>'; } 
                    echo '<td>' . $row_Biz['bizName'] . '</td>';
                    echo '<td>' . $row_Biz['Address'] . '</td>';
                    echo '<td>' . $row_Biz['city'] . '</td>';
                    echo '<td>' . $row_Biz['zip'] . '</td>';
                    echo '<td>' . $row_Biz['incDate'] . '</td>';
                    echo '<td>' . $row_Biz['type'] . '</td>';
                    echo '<td>' . $row_Biz['pres'] . '</td>';
                    echo '</tr>';
                    } while ($row_Biz = mysql_fetch_assoc($Biz));
                echo '</table>';
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            //LINKS FOR 'PREVIOUS', 'NEXT', ETC..
            /////////////////////////////////////////////////////////////////////////////////////////////////////////////////
            echo '<table border="0">';
                echo '<tr>';
                    ////FIRST LINK
                    echo '<td>';
                    if ($pageNum_Biz > 0) { // Show if not first page 
                        echo '<a href="' . sprintf("%s?pageNum_Biz=%d%s", $currentPage, 0, $queryString_Biz) . '">First</a>'; } 
                    echo '</td>';
                    ////PREVIOUS LINK
                    echo '<td>';
                    if ($pageNum_Biz > 0) { // Show if not first page 
                        echo '<a href="' . sprintf("%s?pageNum_Biz=%d%s", $currentPage, max(0, $pageNum_Biz - 1), 	$queryString_Biz) . '">Previous</a>';}
                    echo '</td>';
                    ////NEXT LINK
            //		print ("This is querystringbiz = " . $queryString_Biz);
            //		print ('%s?pageNum_Biz=%d', $currentPage, 23) ;
            //		print ("total pages = " . $totalPages_Biz);
            //		print ("current page = " . $pageNum_Biz);
            //		print (printf("%s?pageNum_Biz=%d", $currentPage, 2));
                    echo '<td>';
                    // Show if not last page 
                    if ($pageNum_Biz < $totalPages_Biz) { 
                        echo '<a href="' ;
                        echo $currentPage . '?pageNum_Biz=' . ($pageNum_Biz + 1). $queryString_Biz;
                        echo '">Next</a>' ; 
                    }
                    echo '</td>';
                    ////LAST LINK
                    echo '<td>';
                    if ($pageNum_Biz < $totalPages_Biz) { // Show if not last page 
                        echo '<a href="' . sprintf("%s?pageNum_Biz=%d%s", $currentPage, $totalPages_Biz, $queryString_Biz) . '">Last</a>';}
                    echo '</td>';
                echo '</tr>';
            echo '</table>';
            }
            ?>
            </div>
        </div>
	</div>
    <div class="bottom"></div>
</div>
</body>
</html>
<?php if (isset($totalRows_Biz)) {
	mysql_free_result($Biz);} ?>

@charset "utf-8";
.hilite {
	background-color: #CCCCFF;
}
body {
	font-family : "Trebuchet MS", Arial, sans-serif;
	padding: 0;
	text-align: center;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
	background-color: #ecffec;
}
#wrapper {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
#wrapper .bottom {
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 21px;
}

table, th, td  {
border : 1px solid #d4e0ee;
border-collapse : collapse;
font-family : "Trebuchet MS", Arial, sans-serif;
color : #555;
} 
#wrapper .rside {
	background-image: url(../images/right.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#header {
	width: 900px;
	height: 40px;
	margin: 0 auto 20px auto;
	padding-top: 10px;
}
#menu {
	float: right;
	padding-top: 10px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 1px 10px;
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #A6A6FF;
}

#menu .active a {
}

#menu a:hover {
	text-decoration: underline;
}

#logo {
	float: left;
}
#logo h1 {
	float: left;
	margin: 0;
	font-size: 38px;
	color: #8484FF;
}

#logo h1 sup {
	vertical-align: text-top;
	font-size: 24px;
}

#logo h1 a {
	color: #0099E8;
}
#wrapper #dataTable {
	text-align: left;
	clear: both;

}
legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
	padding: 0;
}
fieldset ol {
	list-style: none;
	margin: 0;
	padding: 0.5em 0em 0em .5em;
}
fieldset li {  
padding-bottom: 1em;
} 
label {
	float: left;
	width: 7em;
	margin-right: 1em;
}
#wrapper #location {
	float: left;
	width: 40%;
	margin-right: 15px;
	margin-left: 5px;
}
#wrapper #dateRange {
	margin-right: 20px;
}

input {
background: #F3F4EC !important;
}
#wrapper .top {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	margin: 0;
}
#wrapper .top span {
	background-image: url(../images/leftside.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#wrapper .content {
	background-image: url(../images/leftside.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0px;
	padding-right: 20;
	padding-bottom: 0;
	padding-left: 20;
}
#wrapper .content span {
	background-image: url(../images/right.png);
	background-repeat: repeat-y;
	background-position: right top;
}

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<style type="text/css">
	a.menu_top:link {color: #000000; text-decoration: none;}
	a.menu_top:visited {color: #000000; text-decoration: none;}
	a.menu_top:hover {color: #000000; text-decoration: none;}
	a.menu_top:active {color: #000000; text-decoration: none;}
	
	td.menu_top_passive { 
		background-color: #777;
		border-left: 1px #000000 solid;
		border-right: 1px #000000 solid;
		border-top: 1px #000000 solid;
		border-bottom: 1px #000000 solid;
		
		text-align: center;
		
		cursor:pointer;
		font-weight: bold;
		
		padding: 5px 20px 5px 20px; 
		 
		margin: 0;
		 
	}
		
	td.menu_top_active { 
		
		background-color: #bbb;
		border-left: 1px #000000 solid;
		border-right: 1px #000000 solid;
		border-top: 1px #000000 solid;
		border-bottom: 1px #bbb solid;
		
		text-align: center;
	
		cursor:pointer;
		font-weight: bold;
		padding: 5px 20px 5px 20px;
		
		margin: 0;
		
	}
	

</style>

<script language="JavaScript">


function change(id, url) {
	for (i=1; i<6; i++){
		eval("document.getElementById("+i+").className='menu_top_passive'");
	}	
	eval("document.getElementById("+id+").className='menu_top_active'");
}
</script>

</head>
<body style="margin:0; padding:0; background-color:#bbb;">
<br><br>
<center>
1. Load the page.<br>
2. Click Item 4.<br>
3. Click Item 2.<br><br>
Why is the bottom border of the menuelements (table cells) not getting correct in Firefox?<br>
None-active menuelements should have a border-bottom = black, active should have same bottom-border as page.<br>
Notice that I use border-collapse on the table in order to get the cell-border 1px thick between the menuitems.<br>
If I remove border-collapse, then there is no strange behaviour in Firefox.<br>
Any way to get this working in Firefox without breaking it in IE?

</center>
<br><br><br>
	<table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse;">
		<tr>
			<td id="1" nowrap class="menu_top_active" onClick="change('1');"><a  href="javascript:;" class="menu_top">Item 1</a></td>
			<td id="2" nowrap class="menu_top_passive" onClick="change('2');"><a href="javascript:;" class="menu_top">Item 2</a></td>	 
			<td id="3" nowrap class="menu_top_passive" onClick="change('3');"><a  href="javascript:;" class="menu_top">Item 3</a></td>				
			<td id="4" nowrap class="menu_top_passive" onClick="change('4');"><a  href="javascript:;" class="menu_top">Item 4</a></td>
			<td id="5" nowrap class="menu_top_passive" onClick="change('5');"><a  href="javascript:;" class="menu_top">Item 5</a></td>

		</tr>
	</table>
</body>
</html>

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	TABLE {border: 1px solid black; border-collapse: collapse; width: 200px}
	TD {border: 1px solid #ccc}
</style>


</head>

<body>
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

<table border=1 bordercolorlight='#CCCCCC' Bordercolordark='#FFFFFF'>

	.results {
	  	border: 1px solid #CCCCCC ;
	}

<table class='results'>

<td class='results'>