Validatorn hatar mig!

Jag har suttit här ett bra tag och tittat på följande kodstycke. Men hur jag än gör så klagar validatorn på en massa. Jag kan förstå att den klagar på opacity-koden, men resten? Någon som ser något galet?

Valideringen ser ut så här

body {
   background-color: #003366;
   background-image:url(../images/background.gif);
}
table.transparent {
   -moz-opacity: 60%; 
   filter:alpha(opacity=60); 
   height:100%; 
   width:600px;
   z-index:1;
}

.content {
   position:relative; 
   width:100%; 
   height:100%; 
   z-index:2;
   font-family: Verdana, Helvetica, Arial, Times New Roman;
   font-size: 10pt;
}

.top_left {
   background-image:url(../images/top_left.gif);
   width:12px;
   height:14px;
}

.top {
   background-image:url(../images/top.gif);
   height:14px;
}

.top_right {
   background-image:url(../images/top_right.gif);
   width:14px;
   height:14px;
}

.left {
   background-image:url(../images/left.gif);
   width:12px;
}

.center {
   vertical-align:top;
   background-color:#cccccc;
}

.right {
   background-image:url(../images/right.gif);
   width:14px;
}

.bottom_left {
   background-image:url(../images/bottom_left.gif);
   width:12px;
   height:13px;
}

.bottom {
   background-image:url(../images/bottom.gif);
   height:13px;
}

.bottom_right {
   background-image:url(../images/bottom_right.gif);
   width:14px;
   height:13px;
}

Kan tänka mej att du ska ha

<style type="text/css">
<!--

före alltihop och

-->
</style>

efter alltihop.

Varningarna är inte så förklarande, men anledningen till att det inte validerar är att väljare inte får innehålla _ (underscore).
Byt ut .top_left mot topLeft el top-Left till exempel och så vidare.

Och nexus86 - externa css-filer ska inte innehålla style taggar.

mikkeX skrev:

Varningarna är inte så förklarande, men anledningen till att det inte validerar är att väljare inte får innehålla _ (underscore).
Byt ut .top_left mot topLeft el top-Left till exempel och så vidare.

Det hade jag inte en aning om, tack för upplysningen!