Eric mentioned it 4 days ago. And I was able to observe it yesterday on a reproducable basis.
The problem shows up only in Firefox on Windows and Linux, not on IE on Windows or OS X, nor on Firefox on OS X, nor on Safari on OS X.
The problem is simply this: on the first visit to http://www.weiqigao.com/blog/ after a restart of Firefox, the title of the first blog entry is 13px lower than on a subsequent visit. Thus if you hit the reload button, the title seems to jump up a little bit.
I'm totally in the dark as to why Firefox behaves this way. My speculation is that this is a race condition of some sort between the HTML and the CSS.
I did encounter the measure 13px last week when I customized the CSS. At one time the header of this blog was 13px lower than before. Inspecting the HTML I discovered that the new version wraps the <body> element in a <div> element, which pushes everything down by 13px.
Several other layout issues that I discovered last week, and one Jonathan discovered, include:
Floating elements (the blogroll) pushes <pre> elements way down, leaving the page looking empty, when the window is resized to be very narrow. (In IE they merely overlap, which is what I expected.)
Increasing font size once will introduce the horizontal scroll bar that won't go away, no matter how wide the window is resized to be.
Previous Topic
![diverge from the actual calendar]("http://www.weiqigao.com/blog/images/css-problems.png"){kind=link}