You have the logo image wrapped in an h1 tag.

<h1><a href="/index.html"><img src="../_img/page/logo-CaledoniaStudios.gif"
alt="Caledonia Studios -- making history one piece at a time..." width="463"
height="62" /></a></h1>

Try removing the h1

Jim

On Nov 29, 2007 7:03 PM, Matt Jalbert <[EMAIL PROTECTED]> wrote:

> On this page:
> http://www.sparklejet.com/clients/cale/livingroom/
>
> the logo, which is in a float-left div, renders in Firefox (both Mac
> and Windows) exactly 17 pixels below where it should be. That is, the
> float seems to be in the right place in Firefox, but the image in the
> float -- the GIF logo with a transparent background --  is offset 17
> pixels down. I have made the background of the float red to emphasize
> the offending offset (it looks terrible at the moment).
>
> It renders fine in Safari, Explorer 6 and 7.
>
> CSS is here:
> http://www.sparklejet.com/clients/cale/_css/style.css
>
> Any advice on how I can modify my coding of HTML/CSS to get the logo
> to eliminate the image offset in Firefox? What am I doing wrong?
>
> I have tried to keep my code as clean as I could, and I generally
> avoid overly-sophisticated hacks.
>
> Thank you in advance for any help.<http://www.evolt.org/help_support_evolt/>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to