Well, the good/bad news is that if I view your journal with ?style=mine, the "stepping" effect you've described (which I can see normally) vanishes.
If I had to take a stab, I'd say it's because Photobucket has incorrectly resized your banners. See yours (1024x160) versus mine (1382x216).
The "strip" between the header elements I think is a margin collapse issue (I hate that damn thing; they must've changed something in the Gecko CSS renderer between 3.0.9 and .10). The fix would be to add padding: 1px 0; to... some element. Either #container, #header or #title... I'm not sure which one, sorry!
It'll also "suck up" the padding of the elements around it, so you may need to space out the gap between the header strips and the main content. I really need to find something that will render with an older version of Firefox so I can test it out. >_O
(The other option would be a "hidden" border element in a similar sort of place... like I said, I really need to install an old browser or something and test this.)
no subject
?style=mine, the "stepping" effect you've described (which I can see normally) vanishes.If I had to take a stab, I'd say it's because Photobucket has incorrectly resized your banners. See yours (1024x160) versus mine (1382x216).
The "strip" between the header elements I think is a margin collapse issue (I hate that damn thing; they must've changed something in the Gecko CSS renderer between 3.0.9 and .10). The fix would be to add
padding: 1px 0;to... some element. Either#container,#headeror#title... I'm not sure which one, sorry!It'll also "suck up" the padding of the elements around it, so you may need to space out the gap between the header strips and the main content. I really need to find something that will render with an older version of Firefox so I can test it out. >_O
(The other option would be a "hidden"
borderelement in a similar sort of place... like I said, I really need to install an old browser or something and test this.)