Alignment issue - IE9 v FireFox

DaveOwl

DaveOwl

DaveOwl

Associate
Joined
3 Nov 2005
Posts
611
Probably a simple solution but I have the following in IE9 -



Uploaded with ImageShack.us

and in Firefox/Safari -



Uploaded with ImageShack.us

Just a little stumped on this one.

HTML code for the div -

Code: 
<div id="contact"><img src="phone.jpg" alt="Call us" /><h1>0114 262 1818</h1></div>

CSS code for the div -

Code: 
div#contact{	position: absolute;
		min-width: 250px;
		padding: 0px;}

CSS code for the img -

Code: 
#contact img{	vertical-align: middle;
		float: left;
		padding: 0px;}

There may be a concept I don't 'get' yet (or I could just be acting thick) as I'm still fairly new to the DIV/CSS game but I can't think of what could sort it? The way it looks in IE9 is fine and want FF/Safari to look the same without affecting IE....

Any help would be grateful.
 
font rendering issues? ff renders fonts slightly different....
I would be tempted to make it look good in FF and see how IE9 renders rather than the other way round. FF and/or Safari are *usually* closer to what is intended..
 
You must log in or register to reply here.
Back
Top Bottom