IE and Firefox rendering differences

tukutela · Joined: 19 Feb 2006 Posts: 3

Hi,

I've been having some trouble with positioning a number of images within a cell using CSS, it appears that IE works perfectly but Firefox does not. Must be something I'm missing with compatibility but not sure. My problem is below:

Here is the CSS
.privacyPolicy
{
position: relative;
left: 17px;
top: 20px;
background-repeat: no-repeat;
vertical-align: bottom;
}
.whois
{
position: relative;
left: 17px;
top: 20px;
background-repeat: no-repeat;
vertical-align: bottom;
}

A much simplified version of the HTML code is here
<table>
<tr>
<td>
<img alt="priv" src="privacy.gif" class="privacyPolicy"><img alt="whois" src="whois.gif" class="whois">
</td>
</tr>
</table>

Come to think of it I'm not sure which browswer is making the mistake, however I've attached the images of what appears in each browser. Click on the links below:
http://www.reservationmaestro.com/images/Firefox.jpg
http://www.reservationmaestro.com/images/IE.jpg

Any help is greatly appreciated, I'm really starting to join the rest of the development community in wanting standards Smile

Corey Bryant · Posted: Wed Feb 22, 2006 11:35 am

Well what is your background - where is the image?

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions