[thelist] CSS <img> border problem

Alan McCoy a.r.mccoy at larc.nasa.gov
Thu Feb 3 10:06:39 CST 2005


Okay, the solution to this is probably so simple it hurts, but here goes...

I'm trying to get a thumbnail image to display with a solid 1px border,
but with 3px of padding between the image and the border. Here's the CSS:

<style>
.thumbnail {
     padding: 3px;
     border: 1px solid #660000;
}
</style>

...and the <img> tag code:

<img src="image1.jpg" width="123" height="110" class="thumbnail" />

In Firefox the style works fine...1px border with 3px padding inside.
But in IE 6.x, the padding is missing, making the border hug the image.

How can I make this work in IE?

Thanks in advance!

Alan



More information about the thelist mailing list