I want to have an image, heading, and description all contained within one clickable link(without using a script).
Originally, I accomplished this using <h5> tags for the heading and <p> tags for the description. Everything worked exactly as I wanted, but it would not validate because apparently you can’t put <h> and <p> tags within <a> tags.
Then I tried it just by wrapping the heading text in bold and italic tags and using tags to give it a different size and color than the description text. The color and size tags were also invalid.
That is all extremely very loosely done, just trying to give you an idea. I see you are already using <li>’s for your menu, so you should have a relatively good grasp of what I’m trying to suggest. Perhaps someone with more time can explain it better!
Jmfisher, what you’re talking about is actually possible in HTML 5, and some modern browsers will let it work, but not quite with the best/consistent results. Eric Meyer talks about a similar situation in a recent article. The options Chris suggests are the best options for you to use right now, until it gets supported better. Wish they’d hurry up with HTML 5 and CSS3 already.