IE9 rendering issue

[fife]

Well another issue with IE 9 and its rendering.  This is a strange one though.  Ok I have a div that IE9 ONLY is ignoring the css for.  Here is the code

<div id="step1">
  <h1>Step 1</h1>
       <img src="/images/call--back-now.png" width="65" height="90" align="left" class="man"> <br><p>One of our friendly claims advisers will give you a quick call and asses your eligibility to claim. 
          
          
        </p>
  	</div>

 

 

CSS

 

 

 

#step1 {
color: rgb(204,204,204);
float: left;
width: 380px;
margin-left: 20px;
padding: 20px;
margin-bottom: 20px;
height: 140px;
background-image: url('/images/backgrounds/steps.jpg');
}

 

 

 

 

Now heres the funny thing.  On another div I have similar styling.  The only difference being this next one works!

<div id="startClaim">
    	<h3 class="StartClaim">Start Your Claim Here! </h3>
        
      <div id="startImg">
   	  	<img src="/images/backgrounds/contactHere.png" width="159" height="220">
      </div>
      
      	<div id="StartPara">
    		<p class="StartText">Falcon & Pointer <br>make claiming back your PPI nice and easy.  Just <a href="/start-claim.php">click here</a>, fill out the simple form and leave the rest to us. </p>
      	</div>
</div>

 

CsS

 

#startClaim {
float: left;
height: 330px;
width: 500px;
background-image: url(/images/backgrounds/check-list.png);
background-repeat: no-repeat;
padding: 10px;
background-position: 300px 10px;
margin-bottom: 20px;
}

 

I've tried everything to replicate this div like the other one or vice versa but I cant.  Any help would be much appreciated as I have exhausted all other possibilities myself and I don't know where else to turn.

 

thank you

[JasonLewis]

Have you used the developers tools for IE to see if the styling is being applied or not? Tried removing the number, although that shouldn't be a problem.

Otherwise wait for cssfreakie.

[cssfreakie]

what do you mean with the word works?

 

You show us some code and say it doesn't work... What doesn't? the inline css the external css only the div itself the inner elements?

 

Do you maybe have an online example of this and a more precise description of what you expect to happen (and don't say you want it to work)

 

And i totally agree with Jaysonic, that a tool like firebug (for firefox) or the IE9 and Chrome developer tools are perfect for testing out where your styles come from.

 

[remybink]

time to update your html to compliance, as in xhtml

 

<br> ? old

<br /> new

<img src="#"> ? old

<img src="#" alt="#" /> new

 

update your entire website apply the correct doctype, in your case transitional and try again,

run w3c validator, i am sure you are just full of errors

 

IE 9 interprets compliant code just fine