Contenido en solapas

[mauricho]

Es mi primer tema y creo que voy a ser un usuario activo por este foro, ya que lo leo mucho para soluciones y consejos.
Luego de mi presentacion planteo mi problema.
Es basicamente un problema con el css, pero lo que sospecho es modificar algo en java... o no se.

Quiero usar el "contenido de solapas" para 2 tipos de comentarios en un blog (1- comentarios de facebook y el 2-comentarios default de wordpress)

El codigo que uso generalmente es de dynamicdrive.
El codigo es:

Código:

<div class="comentar">
<ul id="countrytabs" class="solapas">
<li><a href="#" rel="country1">Comenta con Facebook</a></li>
<li><a href="#" rel="country2">Comenta en el blog</a></li>
</ul>
<div style="width: 670px; margin-bottom: 1em">
<div id="country1" class="tabcontent">
<div class="fb-comments" data-href="web" data-num-posts="5" data-width="670"></div><!-- COMENTARIOS DE FACEBOOK --> 
</div>
<div id="country2" class="tabcontent">
<?php include(TEMPLATEPATH."/comentarios.php");?><!-- COMENTARIOS -->
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
</div>

Con lo que muestro no tengo problemas, el problema esta en la parte de...

Código:

<div style="width: 670px; margin-bottom: 1em">
<div id="country1" class="tabcontent">
<div class="fb-comments" data-href="web" data-num-posts="5" data-width="670"></div><!-- COMENTARIOS DE FACEBOOK --> 
</div>

Que serian las solapas, lo que quiero lograr es que cada solapa tenga 1 icono diferente como imagen.
Lo que probe logicamente agregarle un "class" al ahref de cada uno, pero cuando en el css lo escribo es como que no responde al llamado.
Lo unico que pude lograr es que se vea el icono, pero en los dos iguales, logico con el llamado "li".
Espero que se entienda lo que quiero hacer.
Desde ya gracias.