I created few pages website and is have some display problem with different browser.

Link color and mouse over color is not displaying as i want in IE6

I am sending the .CSS file and Templates code.

Pls help me.

Template Code:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="title" -->
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="3col_leftNav.css" type="text/css" />
<span class="style1"></span><span class="style2"></span>
<div id="wrapper">
	<div id="pad">
	<div id="masthead">
    	<img src="../Image/TUFLOW Header 070618.gif" width="1043" height="149" />	 </div>
	 <div id="breadCrumb"><a class="a3" href="#">Price - License</a> / <a class="a3" href="#">Contact Us</a> 
     &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; Search:-
     <FORM name="formSear" style="display:inline" action="../New Folder/WEB/Search.html" method="GET" onSubmit="return qs();">
	<script type="text/javascript">function qs(){var f=document.formSear;var qe=f.searWords.value;if(window.encodeURIComponent)qe=encodeURIComponent(qe);if(f.area)if(f.area.value==2){document.location="http://www.google.com/search?q="+qe;return false;}var pt=document.location.href;var iq=pt.indexOf('?');if(iq!=-1)pt=pt.substring(0, iq);if(f.action)if(f.action!="")pt=f.action;var ue=pt+"?searWords="+qe;if(f.search)ue+="&search="+f.search.value;if(f.match)ue+="&match="+f.match.value;document.location=ue;return false;}</script>
    <input name="searWords" size="10" style="" />
    <input name="Send" type="submit"   style="background-color:#99CCFF; color:#FFFFFF; border:thin; border-color:#CCCCCC" value="Go" /></FORM>
	<!-----End Bread Crumb---->
	<!----End Masthead--->
 	<div id="LineDiv">
	<!------End Line----->
	<div id="navBar">
    	<div id="sectionLinks"> <span class="style1"></span>
	          <li><a href="../New Folder/WEB/Home.htm">Home</a></li>
    	      <li><a href="../New Folder/WEB/Desc.htm">Description</a></li>
        	  <li><a href="../New Folder/WEB/News.html" >News</a></li>
	          <li><a href="../New Folder/WEB/Promotional.html">Promotional</a></li>
    	      <li><a href="../New Folder/WEB/Animation.html">Animation</a></li>
        	  <li><a href="../New Folder/WEB/Download.html">Downloads</a></li>
	          <li><a href="../New Folder/WEB/ReleaseNotes.html">Release Note</a></li>
    	      <li><a href="../New Folder/WEB/Price_Licence.html">Price/Licence</a></li>
        	  <li><a href="../New Folder/WEB/FAQ.html">FAQ</a></li>
	          <li><a href="../New Folder/WEB/Link.html">Links</a></li>
    	      <li><a href="#">Contact Us</a></li>
  <!--end navBar div -->
  <div id="headlines">
    <h3>Latest News</h3>
    	<h4>April 5, 2007</h4>
    	<a class="a3"  href="#">TUFLOW_to_GIS..</a> 
    	<h4>January 18, 2007</h4>
		<a  class="a3" href="#">Two new utilities..</a>
     	<h4>December 21, 2006</h4>
		<a  class="a3" href="#">dat_to_dat.exe..</a> 
		<h4>November 20, 2006</h4>
		<a class="a3" href="#">TUFLOW_to_GIS..</a>
		<h4>September 12, 2006</h4>
		<a class="a3" href="#">Build 2006-06-BD..</a>
		<h4>August 8, 2006</h4>
		<a class="a3" href="#">The June 2006 ..</a>
  <!--end headlines -->
  <!-- TemplateBeginEditable name="Content Edit" -->
  <div id="content">
  	<div class="feature"> <img src="" alt="" width="250" height="250" />
        <h3>Feature title</h3>
      	<p> Content </p>
    <div class="story">
      <h3>Story Title</h3>
      <p> Your Story </p>
    <div class="story">
      <h3>Story Title</h3>
      <p> Your Story </p>
  <!-- TemplateEndEditable -->
  <div id="siteInfo"><a class="a3" href="#">About Us</a> | <a class="a3" href="#">Site Map</a> | <a class="a3"href="#">Privacy Policy</a> | <a class="a3" href="#">Contact Us</a> | &copy;2003 TUFLOW </div>

You need to realize that the user can put settings in his browser that override anything you try to put in for those values. If the user has selected any value other than "let the document decide," his colors will always display instead of yours.

For this reason all web page designers have to design their pages so they still work if someone has set colors for these items. Don't try to change them.

To test to see if this is it, go into the menu and find the settings for link colors.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.