Hello,
I was stuck for a couple of days trying to figure out where the garbage in HTML is coming from:
<link rel='canonical' href='http://mysite.com/' />
<style>
/* Link color */
a,
#site-title a:focus,
#site-title a:hover,
#site-title a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.widget_twentyeleven_ephemera .comments-link a:hover,
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover,
section.recent-posts .other-recent-posts .comments-link a:hover,
.format-image footer.entry-meta a:hover,
#site-generator a:hover {
color: #e53442;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
border-color: #e53442;
}
article.feature-image.small .entry-summary p a:hover,
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active,
.feature-slider a.active {
background-color: #e53442;
}
</style>
</head><style> is supposed to look as <style type="text/css"> on valid HTML. So, everything in between <style></style> on the above code is garbage, isn't it?
<flame>Oh, well, style definitions are not supposed to show up on HTML, anyways 8o).</flame>
After many hours of troubleshooting, I've realised that resetting Link Colour in Theme Options to the default #1b8be0 removes the garbage from HTML. What a relief!
I am confident that I am not the only one bumping into this 'feature'. What others are doing in order to maintain their HTML valid?
Cheers,
John Smith