Can't get image positioned correctly in Firefox.

I have a tricky little problem where I can't get an image where I want it in Firefox. I've put a litle red border round the white triangle image to show where the problem image is.

The url is to look at is: http://aeromedicgroup.fresh-interactive.co.uk/index.html

In IE6, the image is positioned right up in the rh corner of the blue navbar, where I want it. But in Firefox, the image isn't positioned correctly but I don't know how to correct it.........

Here's the CSS

#cornerimage
{
padding:0;
margin-right:0;
float:right;
border: solid 1px red;
}


has anyone got any ideas?

Thanks.

margin-top:-3px;

Hi, thanks for that.

If I put it at margin-top:-4px;, then I do get the small image right in the corner, as desired. IE doesn't look quite as good now (although it's acceptable). Is there anything to make it look even better (without creating a different stylesheet for each browser) or do I just have to accept this compromise?

Thanks again.

#cornerimage img
{
padding-top:0;
margin-right:0;
margin-top:0;
float:right;
vertical-align:top;
}

Thanks for your help you two.

that code didn't quite work Pepe - but the fact your code was "tighter", (it had #cornerimage img) made me realise my code probably wasn't quite accurate enough for Firefox. So I just put the #cornerimage img in!

Thanks.