Hi,

I get the following error whilst validating a page and would like know the best way around this:

"document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag"

my html:

Code:
<a href="/football-file/"><h2 class="fashion-file-h">my football file</h2></a>
my css:
Code:
#content .football-file h2.football-file-h {
	width:122px;
	height:97px;
	margin:-16px 0 0 0;
	padding:0;
	background:url(../images/myfile.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
Would the following below work instead?

Code:
<a href="/football-file/"><span class="football-file-h">my football file</span></a>
Code:
.football-file-h {
	width:122px;
	height:97px;
	margin:-16px 0 0 0;
	padding:0;
	background:url(../images/myfile.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

Thanks