I.E compatability issue. My site not appearing properly. Help me tweak code

Posted on 2011-05-11
Last Modified: 2013-12-08
Guys i need help.

My site is not showing well in I.E browser, same with ie 6,7,8

Here is my homepage code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="#" xml:lang="en" lang="en">
<meta name="robots" content="noindex" />
<meta name="googlebot" content="index" />

<title>Deposit Accounts | Bridging Loans | Residential & Commercial Property Development Finance | Darego Capital place</title>
<meta name="description" content="Darego Capital place specialise in commercial and residential property development finance, including bridging loans. We also provide deposit accounts with competitive interest rates." />
<meta name="keywords" content="deposit accounts, bridging loans, property finance development loans, commercial development loans, residential development loans" />

<meta name="msvalidate.01" content="97A62276A2B7DBB89E8BF5E41815B4C6" />
<link href="assets/css/home.css"  rel="stylesheet" type="text/css" media="screen" />
<link href="assets/css/print.css"  rel="stylesheet" type="text/css" media="print" />

/* Floats MoneyFacts logo in feature panel on homepage */
#moneyfactslogo {
  left: 640px;
  background-image: url("assets/images/home/moneyfacts-award.png"/*tpa=#*//*tpa=#*/);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 376px;
  width: 290px;
  top: 0px;

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

<script type="text/javascript" src="assets/js/sifr-config-home.js" ></script>
<meta name="verify-v1" content="M7kT+Gsw5wX7/HhngjdaddSZiiZ/BArWFhbahuMu+hE=" />

<a href="#content" class="hide">Skip to content</a>
<div id="wrapper">
  <div id="header">
    <p>Darego Capital place</p>
  <div id="topnav">
    <ul id="nav">
      <li id="deposits"><a href="deposits/index.htm"  >Deposits</a></li>
      <li id="bridging"><a href="bridging/index.htm"  >Bridging loans</a></li>
      <li id="property"><a href="property-finance/index.htm"  >Property finance</a></li>
      <li id="market"><a href="market-information/index.htm"  >Market information</a></li>
      <li id="media"><a href="data/index.htm"  >Online placeing</a></li>
      <li id="contact"><a href="contact-us/index.htm"  >Contact us</a></li>
  <div id="content">
    <div id="fade1" style="width:940px;">
      <div class="fade">
        <h1>‘Getting the deal done’</h1>
        <p>Specialists in finance for:<br />
          <a href="bridging/index.htm" >Bridging</a>, <a href="bridging/index.htm" >development</a>, <a href="bridging/index.htm" >planning gains</a> and <a href="bridging/index.htm" >property trading</a></p>
      <img src="assets/images/home/home-1.jpg"  alt="Home" width="922" height="245" /> </div>
    <div id="fade2" style="width:940px;">
      <div class="fade">
        <h1>Housing Market</h1>
        <p>The government and the opposition are now clearly aware that housing is towards the top of most UK voter’s political agenda.</p>
        <p><a href="market-information/index.htm" >Read our view on the housing market</a></p>
      <img src="assets/images/home/home-2.jpg"  alt="Home" width="922" height="245" /> </div>
    <div id="fade3">
      <div class="fade" style="width:940px;">
        <h1>Selling your development</h1>
        <p>Developers must work harder and smarter, doing more to convince potential buyers to <a href="data/articles/selling-your-development/index.htm" >sign on the dotted line.</a></p>
      <img src="assets/images/home/home-3-alt.jpg"  alt="Home" width="922" height="245" /> </div>
      <div id="fade4">
      <div class="fade" style="width:940px;">
        <h1>Award Winner</h1>
        <p>Best Notice Business Account Provider<br />
        Business Moneyfacts Awards 2009<br />
        <a href="deposits/index.htm" >Read more on deposit accounts</a></p>
      <img src="assets/images/home/home4.jpg"  alt="Home" width="922" height="245" /> </div>
  <script type="text/javascript">
      var cf = new Crossfader( new Array('fade1','fade2','fade3','fade4'), 2000, 8000 );
  <div id="features">
    <div class="home-cam">
      <h3><a href="property-finance/index.htm" >Property finance</a></h3>
      <em>A wide range of flexible lending facilities</em>
      <h4>A wide range of flexible lending facilities</h4>
      <p>Achieve excellent returns for your property business with our flexible lending facilities.</p>
      <h5><a href="property-finance/index.htm" >Property finance</a></h5>
    <div class="home-cam">
      <h3><a href="bridging/index.htm" >Bridging loans</a></h3>
      <em>Specialising in short-term bridging finance</em>
      <h4>Specialising in short-term bridging finance</h4>
      <p>Quick, stress-free bridging loans and finance. </p>
      <h5><a href="bridging/index.htm" >Bridging loans</a></h5>
    <div class="home-cam no-border">
      <h3><a href="deposits/index.htm" >Deposits</a></h3>
      <em>Competitive interest rates, no hidden charges</em>
      <h4>Competitive interest rates, no hidden charges</h4>
      <p>Our dedicated team will tell you more about our fixed and notice accounts</p>
      <h5><a href="deposits/index.htm" >Deposits</a></h5>
  <div class="clear"></div>
  <div id="footer">
    <div id="bottom">
      <ul id="house">
        <li class="copyright">&copy; Darego Capital place</li>
        <li><a href="#" >Accessibility</a>&nbsp;| </li>        <li><a href="#" >Legal information</a>&nbsp;| </li>
        <li><a href="#" >Privacy policy</a> </li>
    <div id="legal">
      <p>Darego Capital place Limited is authorised and regulated by the <a href="#" >Financial Services Authority</a>.<br/>
        We are members of the <a href="#" >British placeing Association</a><br />
      Darego Capital place are a member of the <a href="#" >Financial Services Compensation Scheme</a><br/>
      Darego Capital place is covered by the <a href="#"  >Financial Ombudsman Service</a></p>


Open in new window

Here is my home.css file

/* --------------------------------------------------------------
 Home Stylesheet
   Client:    Darego Capital place
   Version:  0.1 (23-05-2008)
-------------------------------------------------------------- */

@import "lib/reset.css"/*tpa=*//*tpa=*/;
@import "lib/typography.css"/*tpa=*//*tpa=*/;
@import "lib/forms.css"/*tpa=*//*tpa=*/;
@import "lib/plugins.css"/*tpa=*//*tpa=*/;

 img, div, input, #header p, #home a, #deposits a, #bridging a, #property a, #market a, #media a, #contact a,#market a, #inter, #hover, #inter:hover { behavior: url("../js/"/*tpa=*//*tpa=*/) }

/*------------- General -------------*/
body {color:#545454; background: #9b1d18;}
.clear { clear:both; display:block; height:1%}

a { color:#f3dc10 ; text-decoration: none; font-weight:bold; }
a:hover { text-decoration: underline; }

 /* ------------- Layout  -------------*/
 #wrapper {width:940px;margin: 0 auto; }
#header {height: 130px;}
#header p {background: url("../images/home/united-trust-logo-home.png"/*tpa=*//*tpa=*/) no-repeat 20px 20px; text-indent: -2000px; height: 75px;}
#content {width:960px; margin: 0 ; float:left; background: url("../images/home/campaign-back.gif"/*tpa=*//*tpa=*/) no-repeat; padding:8px; height:245px;}
.home-cam {float:left;  border-right: 2px dotted #efefef;background: url("../images/home/home-cam.gif"/*tpa=*//*tpa=*/) no-repeat;margin:12px; padding:12px;}
.home-cam img {margin:42px 0 0 0; padding:0;}

.no-border {border:none;}
h3 {width: 264px; color: #88a9a6; }
h4 {color: #333333; font-size: 0.9em; margin:46px 0 6px 0; }
h5 a {color: #9b1d18; background: url("../images/home/speech.gif"/*tpa=*//*tpa=*/) no-repeat 0 0; padding: 0 0 0 20px; }
em {color: #88a9a6; }
/*------------- Top Navigation -------------*/
#topnav {position: relative;top:0px;height: 35px; margin: auto; border:none; width: 890px }
#nav a:hover {background-position: 0 -35px; color:#fff; text-decoration:underline; }
#nav a:active {background-position: 0 -35px; color:#9b1d18;}
#nav a.selected {background-position: 0 -70px; color:#000000;}
      #home a, #deposits a, #bridging a, #property a, #market a  {width: 127px;background:  url("../images/home/top-nav-home.png"/*tpa=*//*tpa=*/) top left no-repeat  ;font-size: 1em;outline:0;}
    #media a, #contact a  {width: 115px;background:  url("../images/home/top-nav-home-r.png"/*tpa=*//*tpa=*/) top left no-repeat  ;font-size: 1em;outline:0;}
      #market a  {margin: 0 110px 0 0;}

/*------------- Crossfade DIVs-------------*/
#fade1, #fade2, #fade3, #fade4 {position:relative; }
.fade h1 {font-size:24px; color: #ffffff; }
.fade p {font-size:1.2em; color:#fff; font-weight:bold;width:300px;}
.fade {position:absolute; top:0;left:0;padding:40px}      

/*------------- All 3 feature boxes -------------*/
#features {
  background-image: url("../images/home/campaign-lower-new.gif.png"/*tpa=*/);
  background-repeat: no-repeat;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  margin-left: 0;
#features p { width: 200px;font-size: 0.9em;}

/*------------- Footer-------------*/
#footer {padding:10px 0 30px 0; height:68px; background: url("../images/footer.png"/*tpa=*//*tpa=*/) no-repeat; margin: auto;width:940px;}
#bottom {height:48px; margin: 0 12px 24px 24px; }

#house {color:#fff;width:700px;float:left;padding: 18px 0 0 0;margin: 0 0 20px 0;}
#house li a, #house li {display:inline;padding: 0 4px 0 0;color:#fff}

#inter {background:url("../images/intermediary-login.png"/*tpa=*//*tpa=*/) no-repeat  0 0; width:155px;height:26px;float:right;text-indent:-3000px; outline:none; margin: 10px 12px 0 0;}
#inter:hover {background:url("../images/intermediary-login-hover.png"/*tpa=*//*tpa=*/) no-repeat; width:155px; border-bottom:none; outline:none;}

#house a:link {color:#fff;text-decoration:none;font-weight:normal}
#house a:visited {color:#fff;text-decoration:none; border-bottom: 1px dotted #666;}
#house a:hover, #house a:active {color:#fff;text-decoration:underline;}

.copyright {font-weight:bold; color:#fff; margin: 0 12px 0 0;}
.adams {font-weight:bold; color:#fff; margin: 0 0 0 18px;}

#legal {color: #fff;margin: 0 0 0 24px; padding: 0 0 24px 0; }
#legal a { color:#f3dc10 ; text-decoration: none; font-weight:bold; font-size:0.9em;}

/*------------- sIFR -------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;

.sIFR-active h3 {
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
  font-size: 32px;

Open in new window

I am not savvy with programming. Can some just tell me a code to tweak that will solve this
Question by:netbizmo
    LVL 9

    Expert Comment

    I thing it would be a lot easier for us if you can describe what is the problem in detail rather than
    saying My site is not showing well in IE.  Can you please tell us whats wrong? Whats the expected outcome?  Possibly sending us screenshot will help as well...


    Author Comment

    I.e version of my page firefox version of my page
    These are both renditions of my page in i.e and firefox.

    i.e strips the page.

    please help

    Author Comment

    come on guys
    LVL 38

    Expert Comment

    by:Tom Beck
    >>come on guys

    Not enough information. Your page contains six stylesheets (you posted one), two external javascript files, plus images. The markup you pasted is peppered with this html entity:&#9; It should be in a code block. A live link would be much easier to troubleshoot.
    LVL 107

    Accepted Solution

    Please post a live link.  Also, please make a Google search for "quirks mode" and learn about those principles.  There may not be a quick fix here, and cross-browser compatibility is almost always a moving target.
    LVL 77

    Expert Comment

    by:David Johnson, CD, MVP
    I concur a live link would be easier.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Join & Write a Comment

    I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
    In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now