Help me with a few quirks

#header {
margin-top: 0;
margin-bottom: 0;
background-image: url(wp-images/banners/rotate.php);
width:760px;
height: 120px;
background-repeat: no-repeat;
font: italic normal 36px ‘Times New Roman’, Times, serif;
text-align: left;
letter-spacing: 0.2em;
padding: 70px 10px 0px 15px;
}
This seems to work using the FF devbar. I think though that one of your images was only 117px – one of the dog ones ?

Ok… now for more ignorance. What is the FF devbar, does it make this stuff easier, and where can I get it? =)

https://www.chrispederick.com/work/firefox/webdeveloper/
Yes, it’s fun ??

It is important for the wider readership to recall that in the default index the *title* is marked up as <h1 id="header">. This is deceptively simple and clearly causes a lot of users difficulty when they want to develop the head section. We need to remember what we have here is simply an h1 tag. It is important to bear in mind, therefore; that regardless of what we put in the #header that the h1 is still h1. It has default (browser dependent) characteristics of its own including huge margins top and bottom built in.
It is a block level element and will be full width also by default.
In this case I can’t locate any h1 styling in the CSS at all. Furthermore in the CSS in #header I notice voluminous amounts of padding both horizontal and vertical. The difficulty is that the header is set as fixed width and height. The vertical padding is causing the content push down. Heck knows what is going on in other browsers because the two main browser families are calculating the height and width in completely different ways.
I hope you do not mind if enunciate Root’s first rule of (Simple) CSS positioning which is :
Unless you feel comfortable and qualified to deal with all the issues which are going to follow and know the necessary hacks and workarounds it is always best to avoid a fixed width or height with any kind of padding at all
In a tight header a one px border is also quite enough to bork your layout and should also be avoided if possible. If not then you need to add twice the border width to the container (#rap) for the border. HTH.

Hmm.. Ok. Since h1 is quirky, I tried just adding another div, called TopTitle, and getting rid of the fixed height and width, but retaining the padding. That visually accomplishes what I was trying to achieve, but leaves me with a feeling that I did something wrong. Heh. It looks almost the same in FF and IE on my computer.
Is there any easy way or automated way to scan your CSS file to see what you’re not using, to help make it easier to clean up?

There is a CSS tidying tool somewhere on the net. try MaxTs blog. I have temporarily mispaced all my bookmarks Thank you Firefox. You did nothing wrong at all in adding to the index. Its your file and we have all hacked it about. There is a case for not adding too many extra divs etc, but a few extra hooks are IMHO essential. Glad you are rocking now.