Why does this page generate a top white line in FireFox?

[typingcat]

First, thank you for my previous post.
But I'm afraid that I've returned with a more picky question.

http://cat3.dotnet29.hostbasket.com/korean/

This page looks as I intended on Microsoft Internet Explorer 6. But on
FireFox 1.0.7, there is a white line on the top of the page. Could you
please guess what I did wrong? I've tried to solve this for a quite
long time, but failed. Thank you very much for your help!

[Els]

ty*******@gmail.com wrote:

First, thank you for my previous post.
But I'm afraid that I've returned with a more picky question.

http://cat3.dotnet29.hostbasket.com/korean/

This page looks as I intended on Microsoft Internet Explorer 6. But on
FireFox 1.0.7, there is a white line on the top of the page. Could you
please guess what I did wrong? I've tried to solve this for a quite
long time, but failed. Thank you very much for your help!

Guessing (not looking): not having set padding:0; on the html and body
elements, or having a top margin (default or set) on a h1 element,
which is larger than the top margin (default or set) on the container
div.

Are you sure you only want us to guess, not just look and know? :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[chris]

Hi,
ty*******@gmail.com wrote:

http://cat3.dotnet29.hostbasket.com/korean/

This page looks as I intended on Microsoft Internet Explorer 6. But on
FireFox 1.0.7, there is a white line on the top of the page. Could you
please guess what I did wrong? I've tried to solve this for a quite
long time, but failed. Thank you very much for your help!

It's the #navigation h1. h1 has a top-margin and firefox uses this
margin although the h1 is positioned absolute. I don't understand why,
but I guess if IE and FF show it different, FF is right ;-)

Chris

[Els]

ch***@leipold.ws wrote:

Hi,
ty*******@gmail.com wrote:

http://cat3.dotnet29.hostbasket.com/korean/

This page looks as I intended on Microsoft Internet Explorer 6. But on
FireFox 1.0.7, there is a white line on the top of the page. Could you
please guess what I did wrong? I've tried to solve this for a quite
long time, but failed. Thank you very much for your help!

It's the #navigation h1. h1 has a top-margin and firefox uses this
margin although the h1 is positioned absolute. I don't understand why,
but I guess if IE and FF show it different, FF is right ;-)

Spoilsport, we're supposed to guess!

Anyway, now that you looked, I looked too, and noticed that the <h1>
is not positioned absolute, only the <a> inside the <h1> is.
When adding "#navigation h1," before "#navigation h1 a", the problem
disappears.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -