Por que Ocurre esto en Diferentes Navegadores?

[cristian_cena]

Bueno, primero tomamos los selectores a modificar con firebug (addon para firefox).

.content-box // es la caja contenedora
.content-box a h3 // es el título de tus artículos. ten en cuenta que puedes hacer .content-box a:hover
.content-box .post-info // es el recuadro celeste con "autor/fecha/categoría"
.content-box .post-info .comments
.content-box .readmore rightalign

Bueno, ahora debes controlar los margin y padding de los elementos.
Para firefox, opera, safari y chrome trabajaras de una manera y para internet explorer de otra. Al menos eso hago yo.

Asi que puedes buscar estas clases en tu archivo style.css o bien crearte una nueva hoja de estilos en donde por ejemplo puedes dar:
.content-box {margin:/*valor que tu quieras* !important/}
Si nome equivoco estas trabajando sobre joomla! asi que con important lograrás que los estilos que das en tu nueva hoja de estilos se impongan a los de la plantilla (style.css) o también a esos molestos estilos que encontramos en las etiqueta mismas etiquetas html.

Luego create una hoja de estilos para cada version de ie. que luego llamas con <link/> y un comentario condicional.
Por ejemplo, vinculamos una hoja de estilos para ie6
<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

Bueno espero haberte sido de ayuda. Ya sabes, encuentra la clase y reemplaza sus propiedades, especificamente juega con margin y padding