Based on your css what I think is probably happening is your home page link has the current_page_item class hardcoded on the link. You need to test to see if the page is the home page.

If you are testing then it’s possible WordPress isn’t doing quite what you think. For example you might be testing for is_home() when you should be testing for is_front_page()

Here’s the code:
#menu {
width: 1000px;
height: 65px;
margin: 0 auto;
padding: 0 0 0 20px;
background: url(images/img04.jpg) no-repeat left top;
}

#menu ul {
float: right;
margin: 0;
padding: 0px 25px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
height: 65px;
margin-left: 10px;
padding: 15px 5px 5px 5px;
background: url(images/img05.jpg) repeat-x left top;
font-family: Georgia, “Times New Roman”, Times, serif;
text-decoration: none;
text-align: center;
font-size: 18px;
font-weight: normal;
color: #ffffff;
border: none;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: underline;
}

#menu .current_page_item a {
background: url(images/img06.jpg) repeat left top;
padding-left: 5px;
padding-right: 20px;
color: #493E2B;
}

I learned a lot just by experimenting. I’ll often keep a basic html file on my desktop and open it up when I want to try something and see what happens and what I can create.

Thanks for your reply. I understood what you were saying but tried your example as suggested. I probably could have figured that out by myself (doh), but your description made all the difference.

And now I have a better understanding of what the spec means when it refers to block level vs inline elements.

Great stuff!

Say you wrap a block of text in a div. That text will have a block of space around it. There will be a space between it and whatever elements are above and below it in the design.

If you wrapped a span around that same text that block of space wouldn’t be there. Until you style the span the text would fall exactly where it would had you not wrapped it with a span.

An easy way to see the difference is create an html page with a paragraph of text. Take a few words in the text and wrap span tags around them. You shouldn’t see any difference.

Then remove the span tags and wrap div tags around those same words. The text should then break out of the paragraph and look as though it’s in a new paragraph.

The best I can find is that DIV is for “block level” usage, and SPAN is for “inline” usage. But what does that mean?

Any clarification welcomed!

#divname {color:blue}
div#divname {color:red}

the second will be the one that controls color for the div as it’s more specific.

#content   #content3   #placeholder {
	height: 80%;
	width: 95%;
}

I think the problem is because you’ve set both width and height. Try just specifying the width and see if that works.