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/