help with my CSS, wrong in Chrome

.header{ width:980px; height:71px; margin: 0px auto;}
.logo{padding-top: 10px; float:left}
.tel{padding-top:15px; float:right}

Code (markup):

then

<div class="header">
   <div class="logo"><a href="#"><img src="images/logo.gif" /></a></div>
   <div class="tel"><img src="images/tel.gif"></div>
</div>

Code (markup):

this works OK in IE7 and firefox, the logo and the tel image show OK in the 980px,

but don't work in Chrome, the width showed as 100% and the logo float to the absolutly left and the tel floated to the absoluty right!!!

sorry my poor English in the web design area~~~ hope you can understand me, so I make a small picture to explain it, here is the attachment, 3.jpg~~~

 

My latest chrome shows no difference. Please make sure use a doctype.

 

I'v added doctype on the very top~~~and my chrome version is 5.0375, the latest version~~~~

 

OK, solved, cos the css file problem,!