On Friday, May 29, 2009 7:14:37 am Ester Muñoz wrote:
> Hello all. Long time reader, first time poster here.
>
> I'm developing a web course for a university, and I'm having a issue
> with the images in the pages. The course is behind password so I can't
> post the address.
>
> In Firefox, the images get a dark red border .7em away from the image,
> IE glues the border to the image, and no matter what I do, I can't make
> it the way I want (that is, the image has a border around it but it des
> not touch the picture)
>
> Images are some floated some just in a paragraph, this is the CSS:
>
> #wrapper img {
> margin: 0 1em;
> padding: .7em;
> border: 1px solid #a52a2a;
> }
>
> Is there a fix for this? If not, I will have to edit all the photos in
> the course to make a 1px white around it, as the client is insisting on
> the separation between the image and the border.
>
> TIA!
> Ester


Have you tried adding display:block to that style?  Padding on inline elements 
like img are sketchy territory sometimes.

---Tim
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to