This is Firefox

This is IE

now look at the space between the left buttons and the text in the middle.
here is the code for the page. tell me what could be wrong
<?php require_once('Connections/conn.php'); ?> <?php $c_a = "1"; if (isset($_GET['cat'])) { $c_a = (get_magic_quotes_gpc()) ? $_GET['cat'] : addslashes($_GET['cat']); } $p_a = "3"; if (isset($_GET['page'])) { $p_a = (get_magic_quotes_gpc()) ? $_GET['page'] : addslashes($_GET['page']); } mysql_select_db($database_conn, $conn); $query_a = sprintf("SELECT * FROM site WHERE catID = %s AND pageID = %s", $c_a,$p_a); $a = mysql_query($query_a, $conn) or die(mysql_error()); $row_a = mysql_fetch_assoc($a); $totalRows_a = mysql_num_rows($a); ?> <html> <head> <script type="text/javascript" src="milonic_src.js"></script> <link href="styles.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } --> </style> <script type="text/javascript"> if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>"); else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); </script> <script type="text/javascript" src="menu_data.js"></script> <title>ASK Technology Solutions :: <?php echo $row_a['title']; ?></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="100%" height="63%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="118" colspan="15" background="images/bg.jpg"> <img src="images/ask_01.jpg" width="740" height="118" alt=""></td> </tr> <tr valign="top" background="images/ask_15.jpg"> <td height="28" colspan="14" background="/images/ask_15.jpg"> <p align="right"><img src="images/toll.jpg" width="169" height="28"><img src="images/ask_14.jpg" width="44" height="28"></p> </td> <td background="/images/ask_15.jpg"><img src="images/ask_15.jpg" width="13" height="28" align="right"></td> </tr> <tr> <td height="430" width="220" colspan="7" valign="top" background="images/ask_22.jpg"><? switch ($_GET['cat']) { case 1: include("cat1_menu.php"); break; case 2: include("cat2_menu.php"); break; case 3: include("cat3_menu.php"); break; case 4: include("cat4_menu.php"); break; case 5: include("cat5_menu.php"); break; default: include("cat1_menu.php"); } ?></td> <td colspan="8" valign="top"><table width="100%" height="100%" border="0" align="left" cellpadding="2" cellspacing="0"> <tr> <td valign="top"><?php echo $row_a['content']; ?></td> </tr> </table></td> </tr> <tr> <td height="2"> <img src="images/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="65" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="15" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="67" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="14" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="67" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="169" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="147" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="44" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td> </tr> </table> </body> </html> <?php mysql_free_result($a); ?>