Seems that my e-mail didn't get sent earlier.  Retrying:

You should really use Firebug to debug this.

The problem is not with the image.  The problem is with your header.

Inside of #header you defined a height of 100px.  However, if you look at
#nav, you have a height of 40px and a padding-top of 65px.  That totals to
105px.

Since you are doing something that is wrong, the browsers each handle it
differently.  In this case, Firefox is trying to keep the height of 100px,
but the remaining 5 pixels just push anything else down.  Thus causing your
image to "appear" to have a margin.

The fix would be inside of #nav.  Just give it a height of 35px instead of
40px.

Good luck!

On Wed, Jan 14, 2009 at 8:08 PM, Richard Aday <[email protected]>wrote:

>
>
> On Wed, Jan 14, 2009 at 4:27 PM, Dinsdale <[email protected]> wrote:
>
>>
>> I just tried font-size: 1px and it's still there.
>>
>> Thanks.  I'll keep trying.  It has to be something really simple.
>>
>>
>>
>>
>> On Jan 14, 3:56 pm, JUXTAFLO - Chad Cross <[email protected]> wrote:
>> > Try font-size: 1px;
>> >
>> > Chad Cross
>> >
>> > JUXTAFLO WEB [email protected]| 562.436.5802 |www.juxtaflo.com
>> >
>> > ** Please consider the environment before you print this email.**
>> > Dinsdale wrote:http://www.rachaelfurman.com/Works fine in IE, but in FF
>> the main image gets pushed down just a couple of pixels. It seems to overlap
>> the border at the bottom. The DIV dimensions and the image dimensions are
>> identical. I've tried adding font-size, margin and padding all set to zero
>> for that DIV, but nothing works. I'd just like to have a red 5 px border
>> around the image, but keep it consistent from page to page. Thanks.
>> >>
>>
>
>
> --
> -Richard Aday
>



-- 
-Richard Aday

--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS" 
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---

Reply via email to