[Theme: Twenty Eleven] Bug Report: Custom Link Colour – garbage in HTML

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='https://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

https://www.ads-software.com/extend/themes/twentyeleven/