I'm using this CSS to align a line of text (the link) with the background image so the text is exactly vertically centred, it works fine in Safari but in IE the text is 1 pixel further down. The class is applied directly to the A tag.
.menu{
height:20px;
padding-right:10px;
padding-top:4px;
font-size:12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#333;
background-image:url(/admin/icon.gif);
background-position:right;
background-repeat:no-repeat;
display:inline-block;
}
You can try to reset the style for the browsers.. here is a link that might help http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/
Reset List: http://www.cssreset.com/
there is also hacks for each version of IE to make slight changes.. http://mathiasbynens.be/notes/safe-css-hacks
and if for older version check out ChromeFrame :)