Problema de mi web al visualizarse en Chrome

Hola

Este es mi primer post y tengo el siguiente problema. He pasado algunos dias ordenando el codigo de mi web y lo he subido a un hosting gratuito (antes de subirlo al oficial) y obviamente preocupandome de la validación (está validada de mi parte ya que el hosting integra un codigo que no esta validado por W3C) y me encuentro con que lo puedo visualizar bien en Firefox e Internet Explorer 10 pero no en Chrome.

Aquí se puede identificar mi problema:



Otros dato que les dejo es que uso el framework Blueprint y el estilo CSS lo tengo dentro del mismo HTML por una cosa de no andar cambiando de archivo para editar y asi voy mirando enseguida como se van posicionando los elementos en el proceso de maquetación (obviamente que después lo separaré).

Esta es la web de prueba: http://prueba000.comli.com

Estoy abierto a sus opiniones, ya que he buscado en internet HACKS y cosas así pero he llegado al límite y se que no es muy bien visto por asi decirlo recien registrado y pidiendo ayuda o no haciendo ningun esfuerzo para encontrar la solución, creanme que ya la he buscado y no me ha servido, apelo a la experiencia que de seguro tiene alguno de ustedes.

Gracias

Otra cosa, quizas halla problema en el codigo o deficiencia (desorden, nombres, etc) ya que soy nuevo en esto de maquetación pero con muchas ganas de seguir progresando.

Estuve buscando y encontré que Chrome no renderiza el atributo

font-variants: small-caps;

¿Quién tiene otra opinión?

no sé
...pero tienes un iframe oculto.

Código HTML :

<div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;">
   <iframe id="_atssh918" title="AddThis utility frame" style="height: 1px; width: 1px; position: absolute; z-index: 100000; border: 0pt none; left: 0pt; top: 0pt;" src="//s7.ad-------------------------------sh74.html#">

</iframe>
</div>

Silvestre_ escribió:

No tenía idea, ¿Cómo logras visualizarlo? al parecer es del Addthis (para compartir la web en las redes sociales).

Bueno, espero respuestas al problema.

estoy mirandolo... es curioso, a ver si descubro algo... y lo del iframe oculto es posible lo que dices.. pero no me gusta (es algo personal).

Bueno, saque el Addthis por el tema de iframe y lo otro porque demora en cargar. Te agradecería si descubres algo en el diseño para poder corregir el tema del menú que quede centrado con la linea de división entre el Slider y el Body. El tema de la fuente netamente fué por el tema de que Chrome no renderiza lo del small-caps, utilizando Google Fonts no tengo ningún problema.

ese tema tiene que ver con margin.

lo tienes así.

Código HTML :

#slideshow {
    background: url("img/bg_slideshow.jpg") no-repeat scroll 0 0 transparent;
    height: 263px;
    margin: 100px 0 0 470px;
    position: relative;
    width: 640px;
}

visto por encima.. ya que no se si hay algun motivo... pero lo ideal sería centralo de forma auto. Yopersonalmente eliminaría "position:relative" de no ser muy necesario. Sería algo asi

Código HTML :

#slideshow {
    background: url("img/bg_slideshow.jpg") no-repeat scroll 0 0 transparent;
    height: 263px;
    margin: 100px Auto;
    width: 640px;
}

*este código no ha sido probado en humanos, por lo que se desconocen los posibles efectos secundarios