Problemas con bordes CSS

[alvaro0022]

Hola;

Tengo un sitio de wallpapers y estoy modificando el estilo css.

El problema que tengo es que en internet explorer los boredes de la imagen se ve como lo diseñe en el css pero en firefox no.

Aca les muesto cual es el problmea:


Se puede ver que los bordes de la imagen en internet explorer se ven como los diseñe pero en firefox no.

Aca les dejo el css que utilice:

Código:

background-color:	#FFFFFF;
border-bottom-color:	#CCCCCC;
border-bottom-style:	solid;
border-bottom-width:	1px;
border-left-color:	#CCCCCC;
border-left-style:	solid;
border-left-width:	1px;
border-right-color:	#CCCCCC;
border-right-style:	solid;
border-right-width:	1px;
border-top-color:	#CCCCCC;
border-top-style:	solid;
border-top-width:	1px;
height:	106px;
padding-bottom:	2px;
padding-left:	2px;
padding-right:	2px;
padding-top:	2px;
width:	151px;

CUAL ES EL ERROR?

Saludos!

[arthpix]

¿Todo eso para definir el borde de las imágenes?

Por que no simplificar:

Código CSS:

img {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    width: 151px;
    height: 106px;
}
 

Ahora, en ese pedazo de código no veo algún error ¿por qué no pones completo tu css y un link a tu web?

[Carlangueitor]

Podemos ver tu HTML? parece que no tienes el borde en la imagen si no en otro DIV.

Y como consejo puedes optimizar tu CSS usando propiedades shorthand, quedaría algo así:

Código CSS:

background: #FFF;
border: 1px solid #CCC;
padding: 2px;
height: 106px;
width: 151px;
 

EDIT: Me tarde demasiado escribiendo
Saludos

[alvaro0022]

Este es el codigo html

Código HTML:

<p class="thum">{thumbnail}</p>{lightbox_button}<br>
  <b>{image_name}</b><br />
  <a href="{cat_url}">{cat_name}</a><br />
  <font color="#333333">Puntaje: <b>{lang_rating}{image_rating}</b></font><br>
  {image_date} <br /> 

Saludos

[arthpix]

Al parecer estás aplicando el borde a un elemento <p>, el cual al ser inline no debería aceptar las propiedades width y height, prueba agregar: display: block; a tu definición.

[alvaro0022]

Hola

Puedo cambiar el html. Que es mas conveniente cambiar el elemnto <p> por cual otro?

[Carlangueitor]

Puedes usar div. También te recomiendo que no uses <b> y <font> son atributos obsoletos.

Saludos

[alvaro0022]

Muchas Gracias a todos pude hacer que funcione perfecto. Pueden ver como quedo en http://www.picalls.com.

Gracias!!!!!