Personalizar fan box

[LuisCenardo]

Bueno estoy haciendo una web y queria personalizar el fan box de facebook en mi web
para ello, (siguiendo unos tutoriales)

modifique el script de la siguiente manera

<script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
<fb:fan profile_id="187089904687705" stream="0" connections="15" logobar="2" width="270" height:"400" css="stiloface.css"></fb:fan>

en la hoja de estilo puse lo siguiente:

Código HTML:

.fan_box a:hover{
text-decoration: none;
}
.fan_box .full_widget{
height: 700px; /* Altura del FanBox */
border: 0 !important; /* Eliminamos el borde */
background: #530d0b !important; /* Color de fondo del FanBox */
position: relative;
}
.fan_box .connect_top{
background: none !important;
padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
display: none; /* Con eso eliminamos la cabecera */
}
.fan_box .connect_action{
padding: 0 !important;
}
.fan_box .connections{
padding: 0 !important;
border: 0 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}
span.total{
color: #000; /* Color de la fuente para el número de fans */
font-weight: bold;
}
.fan_box .connections .connections_grid {
padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: normal;
color: #530d0b !important; /* Color del nombre de los fans */
padding-top: 1px !important;
}
.fan_box .connect_widget{
position: absolute;
bottom: 1; /* Con eso colocamos abajo el botón 'Me gusta' */
right: 5px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}

como eh mencionado antes.. lo hice siguiendo unos tutoriales
al hacer esto tengo el siguiente problema...
la caja de fans de facebook me sale cortada, no respetando la altura que le di.. me sale un numero de fans erroneo, no el que yo indique en el script..

y quisiera que alguien que sepa un poco de css me explique en lo posible como puedo hacer para cambiar la cabecera...
ya que como veran la misma me sale el logo del fanpage pero chiquito y el boton me gusta al lado..

pueden verlo en http://mercadosanmiguel.com.ar/principal/

en lo posible me gustaria ponerle un texto en vez del logo.. o bien cambiarlo por otra imagen y de otro tamaño...

desde ya muchisimas gracias a todos.. ^^

[hasdpk]

Sinceramente, olvídate de los tutoriales que ves en internet en relación con las redes sociales, la mayoría de ellos están desactializados por que Facebook cada x tiempo suele modificar la aplicaicón.

Lo mejor que puedes hacer es (si usas Firefox o Opera) usar Firebug o Drangonfly para ver como está maquetado en HTML y poder editarlo con CSS más comodamente.

Además, si quieres información de como funciona el "fan box" es mejor que te pases por la sección de desarrolladores de Facebook y mires las propiedades de cada unos de los atributos del mismo.

[LuisCenardo]

muchas gracias por tu respuesta hasdpk saludo!