Css Position On Text On Banner Different With Ff And Ie

[yandoo]

Hiya ive got some text positioned on my banner and it changes in its position when its viewed in IE. It appears as it should do in FF and Chrome but IE it pushes the text further up.

 

#header{
position:relative;
height:150px;
background:#EFEFEF url(images/banner.jpg) no-repeat center top;
width:100%;
display:block;
overflow:auto;
overflow:hidden;
}
#mailto{
position: absolute;
left: 682px;
top: 100px;
}


.BannerHeading { COLOR: #FAF0F1; TEXT-DECORATION: none; font-weight:bold; font-size:12px; font-family: "Times New Roman", Times, serif; font-size:18px;}

<div id="header"><div id="mailto"><a href="mailto:info@vitalbodyhealth.com" class="BannerHeading">info@vitalbodyhealth.com</a>
</div></div>

 

 

Any ideas why it would do that?

 

Thank you

Edited December 16, 2012 by yandoo

[Love2c0de]

It's viewing pretty much identical in FF and IE 8 for me.

 

What version of IE? I'm on XP so can only go as high as 8 :@

 

Regards,

 

AoTB.

[kjetterman]

I checked your site in the latest versions of Chrome, IE and Firefox. The banner looks great to me!

 

CSS Browser Selector is a great hack that has helped me combat CSS positioning issues, etc. in older versions of IE.

 

Perhaps this will help?

 

http://rafael.adm.br/css_browser_selector/