Michael,
There are a few quick issues that you could fix right away.
1) The Header h1, because it has not assigned margin, is pushing everything down by about 5px, leaving a gap between the window border and the top of your content panel. Just give it a margin of 0, and then push it away from the edges with padding - say 10px 10px 0 0. (By the way, the it should not be an h1.)
2) In a few places you have set padding or margins more than once. You might want to fix this. (For example, you might have set a margin-top of 5px, and then a couple of lines later set margin to 0.)
3) Because you haven't given a style to the p in your leftcol (which should probably better be labelled "content" or similar), your text runs right up to the edge of that box. You should give it some margins. At least margin-right. Better to set all the margins and padding so that you have control over them.
4) Your h2s in the leftcol are too large, conflicting with the H1. You could bring them down to 1.1em quite happily. I'd suggest that, and a padding-top of 10px (or 0.8em)
5) I'd suggest setting your "body" font size to 76% or 0.7em. It looks just a little better at that size.
6) Is there a reason that all your leftcol headers have "clear:left" applied to them?
7) In Safari, the navigation and header area break apart. Screenshot here: http://www.fortyfivedegrees.com/hawkradio/hawkradio.gif You should investigate this, because Safari is good at web standards.
8) Try to control the space at bottom right a little more (on the home page). Instead of putting the elements in the middle of the column, align them left. I'd make the type a little more subtle, too.
Hope this helps.
-Hugh Todd
I’d still welcome input from designers http://hawkradio.org.au
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
