I added a search feature on my website and it looks perfect in Firefox but completely messes up in IE. The search code called for two parts: header.php and footer.php. I changed the styling to match my website. After I did, however, it completely messed up in IE.

Website:http://testnewwebsite.htfffcu.org

Go up to the search feature (very top) and search for something. If you see it in Firefox it works. In IE, it distorts very badly.

Code for header.php:

Code:
<html>
<head>
<title><?php echo htmlspecialchars($this->_original_search_term);?> - Search Results</title> 

<!-- start search results stylesheet -->
<?php if($GLOBALS['_SEARCH_SHOW_STYLESHEET']){ ?>
<link rel="stylesheet" href="<?php echo $GLOBALS['_SEARCH_FILES_FOLDER'];?>phpsearch.css" type="text/css">
<?php } ?>
<!-- end search results stylesheet -->

<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<!--Third-Party Link Alert-->
<script type="text/javascript">
function show_alert()
{
alert("You are leaving Houston Texas Fire Fighters Federal Credit Union's (HTFFFCU) website and linking to a website that is not operated by HTFFFCU. The credit union is not responsible for the content of the alternate website. The credit union does not represent either the third party or you, the member, if you enter a transaction. Privacy and security policies may differ from those practiced by HTFFFCU");
}
</script>
<!--End Third-Party Link Alert-->

<!--Scrolling Text Script-->
<script type="text/javascript" src="rsspausescroller.js">

/***********************************************
* RSS Pausing Scroller- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/ for source code and documentation
***********************************************/

</script>
<!--Image Popup Style-->
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -140px; /*position where enlarged image should offset horizontally */
}

.thumbnail-two{
position: relative;
z-index: 0;
}

.thumbnail-two:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail-two span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail-two span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail-two:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -380px; /*position where enlarged image should offset horizontally */
}

</style>

<!-- End Image Popup Style-->

<style type="text/css">
.menuCategory {
	font:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #6f787a;
	background-color: #F2F3F5;
	padding: 0px 0px 0px 5px;
  /*/*/margin-top: 1px;/* */
}

.menuTopic {
	font:Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 20px;
}
</style>
<script language="JavaScript" type="text/javascript">
function toggle(obj) { 
  with (document.getElementById(obj).style) { display = (display == 'none') ? 'block' : 'none'; }
}
</script>
<!--End Switch Menu Script-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />

<script type="text/javascript" src="ddimgtooltip.js">

/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function menu_open()
{	menu_canceltimer();
	menu_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function menu_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function menu_timer()
{	closetimer = window.setTimeout(menu_close, timeout);}

function menu_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('.menu > li').bind('mouseover', menu_open);
	$('.menu > li').bind('mouseout',  menu_timer);});

document.onclick = menu_close;

			var flashFound = swfobject.hasFlashPlayerVersion("9"); 

			if(!flashFound){ 
			window.location.href = "http://mobile.htfffcu.org/asp/home.asp"; 
			}
			if (screen.width < 700){
			window.location.href = "http://mobile.htfffcu.org/asp/home.asp"; 
			}
			
</script>
	
    <link type="text/css" href="jquery-ui-1.8.10.custom2.css" rel="stylesheet" />
    <script type="text/javascript">
		$(function(){
			// Accordion
			$("#accordion2").accordion({ header: "h3" });
	
			
				
			
				
		});
		
		 
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{
location.href='http://mobile.htfffcu.org/asp/home.asp';
}
 

	</script>	
    <link type="text/css" href="jquery-ui-1.8.10.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
	<script type="text/javascript">
		$(function(){
			// Accordion
			$("#accordion").accordion({ header: "h3" });
	
			// Tabs
			$('#tabs').tabs();
				
			//hover states on the static widgets
			$('#dialog_link, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
			);
				
		});
		
		 
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)))
{
location.href='http://mobile.htfffcu.org/asp/home.asp';
}
 

	</script>
<!--[if lt IE 7]>
  <script type="text/javascript" src="js/ie_png.js"></script>
  <script type="text/javascript">
  ie_png.fix('.png, #button-prev, #button-next, #slogan');
  </script>
  <link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->


</head>
<body id="page1">
<div id="main-tail-top">
  <div id="main-tail-bot">
      <div id="main">
        <!-- header -->
        <div id="header"> <a href="index.php"><img src="images/logo.gif" id="logo" alt="" /></a>
          <ul id="navi">
            <li><a href="aboutus.php">About Us</a></li>
            <li><a href="calculators.php">Calculators</a></li>
            <li>Search htfffcu.org: <form action="search.php" method="GET">
<input name="search" type="text" size="20"> <input type="submit" name="go" value="Search">
</form>
              
            </li>
          </ul>
          
			<ul class="menu">
		  <li><a href="sav-invest.php">Savings & Investments</a>
					<ul><li><a href="sav-invest-savings.php">Savings</a></li>
                    	<li><a href="sav-invest-checking.php">Checking</a></li>
                    	<li><a href="sav-invest-termsharecert.php">Term Share Certificate</a></li>
                    	<li><a href="sav-invest-moneymanagement.php">Money Management</a></li>
                    	<li><a href="sav-invest-ira.php">IRA</a></li>
                    </ul>
			  </li>
				<li><a href="products-srvc.php">Products & Services</a>
					<ul><li><a href="products-srvc-allpoint.php">Allpoint Free ATMs</a></li>
						<li><a href="products-srvc-atm.php">ATM Card</a></li>
 						<li><a href="products-srvc-autotxr.php">Automatic Transfers</a></li>
						<li><a href="products-srvc-debit.php">Debit MasterCard</a></li>
                        <li><a href="products-srvc-insurance.php">Credit Life & Disability</a></li>
                        <li><a href="products-srvc-directdeposit.php">Direct Deposit</a></li>
                        <li><a href="products-srvc-medallion.php">Medallion Stamp</a></li>
                        <li><a href="products-srvc-notary.php">Notary Services</a></li>
                        <li><a href="products-srvc-overdraft.php">Overdraft Protection</a></li>
                        <li><a href="products-srvc-patt.php">PATT</a></li>
                        <li><a href="products-srvc-savingsbond.php">Savings Bonds</a></li>
                        <li><a href="products-srvc-sharedbranch.php">Shared Branching</a></li>
                        <li><a href="products-srvc-signature.php">Signature Guarantee</a></li>
                        <li><a href="products-srvc-travelers.php">Travelers Cheques</a></li>
                        <li><a href="products-srvc-wiretxr.php">Wire Transfers</a></li>
				  </ul>
				</li>
				<li><a href="eservices.php">eServices</a>
					<ul>
                  <li><a href="eservices-enroll.php">Enroll to CU Online</a></li>
                  <li><a href="eservices-cuonline101.php">CU Online 101</a></li>
                  <li><a href="eservices-billpay.php">Bill Pay</a></li>
                  <li><a href="eservices-estatements.php">eStatements</a></li>
                  <li><a href="eservices-securemessage.php">Secure Messaging</a></li>
                  <li><a href="eservices-accountalerts.php">Account Alerts</a></li>
                  <li><a href="eservices-accounttxrs.php">Transfers</a></li>
                  <li><a href="eservices-cuonthego.php">CU On the Go</a></li>
                    </ul>
				</li>
				<li><a href="rates.php">Rates & Fees</a>
					<ul><li><a href="rates-savings.php">Savings</a></li>
                    	<li><a href="rates-loans.php">Loans</a></li>
                    	<li><a href="rates-realestate.php">Real Estate</a></li>
                    	<li><a href="rates-fees.php">Fees</a></li></ul>
				</li>
				<li><a href="loancenter.php">Loan Center</a>
					<ul><li><a href="loancenter-vehicle.php">Vehicle Loans</a></li>
                    <li><a href="loancenter-othersecured.php">Other Secured Loans</a></li>
                    <li><a href="loancenter-other.php">Other Loans</a></li>
                    <li><a href="loancenter-credit.php">Credit Cards</a></li>
                    <li><a href="loancenter-realestate.php">Real Estate Loans</a></li>
                    <li><a href="loancenter-business.php">Business Loans</a></li>
                    <li><a href="loancenter-repo.php">CU Owned Vehicles</a></li>
                    <li><a href="loan-application-ssl.php">Apply Online</a></li>
                    </ul>
				</li>
				<li><a href="contactus.php">Contact Us</a></li>
                
		  </ul>
            
        </div>
          <div id="flash">
          <!--Valid flash version 8.0-->
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
           width="100%" height="251">
            <param name="movie" value="flash/header.swf" />
            <param name="quality" value="high" />
            <param name="menu" value="false" />
            <param name="wmode" value="transparent" />
            <param name="scale" value="noscale" />
            <!--[if !IE]> <-->
            <object data="flash/header.swf"
           width="100%" height="251" type="application/x-shockwave-flash">
              <param name="quality" value="high" />
              <param name="menu" value="false" />
              <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
              <param name="wmode" value="transparent" />
              <param name="scale" value="noscale" />
              FAIL (the browser should render some flash content, not this).
            </object>
            <!--> <![endif]-->
          </object>
        </div>
       <div id="content">
       <div class="wrapper">
       <div id="column-left">
       <div class="indent">
Code for footer:

Code:
 
 
<!--Footer-->
        <div id="footer">
          <div class="inner">
            <table width="99%">
            <tr>
            <td width="62%">
            <div class="wrapper">
              <ul>
                <li><a href="privacy.php"><font size="1">privacy policy</font></a></li>
                <li><a href="sitemap.php"><font size="1">site map</font></a></li>
                <li><a href="contactus.php"><font size="1">contact us</font></a></li>
                <li><a href="aboutus-careers.php"><font size="1">careers</font></a></li>
              </ul>
              <p><span>&copy;</span><font size="1"> 2011 <b>houston texas fire fighters federal credit union</b><br />
              (713) 864-0959 | (800)809-0600 | P.O. Box 70009, Houston, TX 77270-0009</font></p>
              
            </div>
            </td>
            <td width="12%" align="center"><a type="button" onclick="show_alert()" value="Show alert box" href="http://www.mastercard.us/securecode.html" target="_blank"><img src="images/logo-mastercard.png" /></a></td>
            <td width="9%" align="center"><a type="button" onclick="show_alert()" value="Show alert box" href="https://usa.visa.com/personal/security/vbv/index.jsp" target="_blank"><img src="images/logo-visa.png" /></a></td>
            <td width="8%" align="center"><a class="thumbnail" href="#thumb"><img src="images/logo-equalhousing.png" /><span><img src="images/logo-equalhousingbg2.png" /></span></a></td>
            <td width="9%" align="center"><a class="thumbnail-two" href="#thumb"><img src="images/logo-ncua.png" /><span><img src="images/logo-ncuabg.png" /></span></a></td>

            </tr>
            </table>

          </div>
        </div>
<!--End Footer-->
      </div>
    </div>
  </div>
</div>
</body>
</html>
The search engine came with it's own CSS on a separate file. Should I add that to the website style sheet? Or does that even matter?

I will be happy to provide further info if needed. Thanks in advance. I'm totally stumped here...