Site Check for my blog

Hey Everyone,

I need a site check for my blog at: http://mediacritiq.blogspot.com

The site validates in XHTML 1.0 Transitional on the front page as well as the CSS (except the classic.css which is generated) , but on the item pages the XHTML doesn't due to a lot of generated code that I have no control over.

I have checked my site in the following browsers: Firefox 2.0, IE7, IE6, IE5.5, IE5.01, Opera 9.2

Any constructive criticism or errors/problems noticed in Mac/Linux browsers would be greatly appreciated.

The CSS for this site is shown below:

/*----------------------------------------------------------------------------- MediaCritiq Screen Stylesheet

version: 05/24/07
website: http://mediacritiq.blogspot.com
-----------------------------------------------------------------------------*/

/* Default Styles
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:400;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
:focus
{
outline:0;
}
ol,ul
{
list-style:none;
}
caption,th,td
{
text-align:left;
font-weight:400;
}
blockquote:before,blockquote:after,q:before,q:after
{
content:"";
}
blockquote,q
{
quotes:"" "";
}
iframe#navbar-iframe, div#space-for-ie
{
display:none;
}

/* Body
-----------------------------------------------------------------------------*/
body
{
background:#fff url(http://www.umich.edu/~darynh/mediacritiq/bg.gif) repeat-x;
color:#000;
font:62.5%/1.667 Arial, Verdana, sans-serif;
}
body a
{
color:#B01E11;
text-decoration:none;
}
body a:hover
{
border-bottom:1px dashed #B01E11;
}
body a:active
{
background:#2E2321;
}
div#container
{
position:relative;
left:50%;
width:810px;
margin-left:-405px;
}

/* Header
-----------------------------------------------------------------------------*/
div#header
{
background:#000;
}
div#header span
{
background:url(http://www.umich.edu/~darynh/mediacritiq/logo2.gif) no-repeat;
background-position:0 10px;
margin-left:10px;
}
div#header span, a#logo
{
color:#000;
display:block;
float:left;
height:115px;
text-indent:-9999px;
width:335px;
}
a#logo:hover, a#logo:active
{
background:url(http://www.umich.edu/~darynh/mediacritiq/logo2.gif) no-repeat;
background-position:0 10px;
border-bottom:none;
}

/* Content
-----------------------------------------------------------------------------*/
div#content
{
background:#fff;
color:#000;
font-size:1.2em;
float:left;
padding:2em 1em 1em;
width:495px;
}
h1.post-title a
{
color:#C59D1A;
font-size:2em;
font-weight:700;
line-height:1em;
text-transform:lowercase;
}
h1.post-title a:hover
{
border-bottom:2px dashed #C59D1A;
}
div.post-body
{
margin-top:1em;
}
div.post-body img a
{
border:2px solid #fff;
}
div.post-body img a:hover
{
border:2px solid #000;
}
p.blogger-labels
{
font-weight:700;
}
p.post-footer
{
border-top:.2em solid #000;
color:#333;
margin-top:1em;
}

/* Comments
-----------------------------------------------------------------------------*/
div#comments
{
margin-top:2em;
}
h4#commentnumber, h4#links
{
border-bottom:2px solid #000;
font-size:1.8em;
font-weight:700;
line-height:1.25em;
margin-top:2em;
}
p.comment-author
{
font-size:1.2em;
margin-top:1em;
}
div.comment-body
{
background-color:#EAEAEE;
border:.1em solid #333;
padding:.5em;
}
p.comment-footer
{
position:relative;
bottom:1em;
}
a.comment-link
{
font-size:1.4em;
font-weight:700;
}

/* Sidebar
-----------------------------------------------------------------------------*/
div#sidebar
{
color:#000;
float:right;
margin-right:50px;
margin-top:1.667em;
width:220px;
}
div#profile-container, div.sidebar-container
{
background-color:#fff;
border:.1em solid #C59D1A;
border-top:none;
margin-bottom:2em;
padding:.5em;
}
h3#about
{
height:1.25em;
margin-top:10px;
}
h3.sidebar-title
{
background-color:#000;
clear:left;
color:#C59D1A;
font-size:1.8em;
line-height:1.25em;
margin-top:.5em;
padding-left:.4em;
text-transform:lowercase;
}

/* Footer
-----------------------------------------------------------------------------*/
div#footer
{
background:#000;
clear:both;
color:#fff;
font-size:1em;
padding:10px;
text-align:center;
}
div#footer p a
{
color:#C59D1A;
text-decoration:none;
}
div#footer p a:hover
{
border-bottom:.1em dashed #C59D1A;
}
p#blogger a:hover
{
border-bottom:.1em dashed #f60;
color:#f60;
}
p#blogger img
{
margin:0 0 -5px 5px;
}