Hey, Mike, the page looks REALLY good; I appreciate the cleanness of it.

Thanks. :)

1. Have you thought about making the ".Menu a" elements block-level instead of inline (with display: block)? Then you could get rid of the br's and also style the whole containing block instead of just the text (i.e. it would look like more padding; this would make the highlighted link easier to read).

Tried it. Like it. Great idea. Didn't previously know about it. I basically just copied someone else's stylesheet (as my comments in the code indicate), and haven't looked around much for ways to improve upon it. And I'm not much one for reading specs anymore.

2. Why not use h1 or h2 for the page title instead of a (named) div? If you really want the div, maybe clean up the .css file by removing the (unused) h styles.

Well, I do use the h* styles in the stylesheet within my pages for the computer graphics course.

That being said, I suppose there's little difference between leaving it "as is" and making the "h1" style be what the .Header is now, and then changing all the Computer Graphics pages to use h2/h3/h4 instead of h1/h2/h3 as they are now.

"Leaving it as it is" wins out because it works, I'm lazy, and I don't see a reason to change it. Given all that I just said, would you still change it and why?

3. Some browsers IIRC will need you to also set margin & padding to zero in the html element, not just the body element. Do both every time.

Done. :)

4. You don't have *any* images, or difficult lining-up of elements; if I were you (cough, cough) I'd use em's instead of px for almost everything (I'd keep 0px on 0px margins, etc). #1 reason being the font-size you chose for .Content is quite small in my browser :) As it is, changing text size through the browser only resizes the header and footer (since you didn't explicitly specify a font-size for those); the .Content and .Menu don't change size. Using em's would also allow the orange bars to resize with the text.

Hmmm. 11px is small for you in your browser? First time I've heard someone complaining to me that something on their screen is too small -- I've got a 1600x1200 resolution set on my 19" monitor. :)

Hmmm, ok. I'm fooling around with em and en and things of that nature. I'm not liking how the content is now showing up in my browser. But I suspect that the extended portability of it with em or whatever I decide on will make me happier than the current 11px/20px setting I have it at now.

Header is converted to using em. Footer will be. Will have to fiddle with Menu and Content.

In all, a very nice site! Better than mine anyway (glad *you* have time ;)

Thanks again. Of course, I only really have the time because I'm still looking for a job, and therefore have lots of time to fiddle with it late at night when I'm not on the job sites as I am during the daytime.

Thanks for your comments! I do appreciate them.

Next trick: Now that the "a" element is block-level, you should be able to set padding and margin on it, instead of on the containing div. If you set padding: 0px on the .Menu and "padding: 0.25em 2em; margin: 0px; width: 100%;" on the ".Menu a" you should get the highlight on the links to fill the whole block horizontally. That's what I meant before by better readability; the highlight doesn't just fit the text, it fills the whole block.

Cool! Setting "width:100%" does not appear to be necessary; in fact for this it looks undesirable in Mozilla. That makes the menu box flow over my Content. That is Not A Good Thing™.

Final tip of the week (thank you, Eric Meyer)

Thank you, tseliot! :)