Hi,

I just created a div for an image border using the following css code:

.border2 {
vertical-align: bottom;
margin: 0px 0px 0px 0px;
padding: 0px;
border-style: solid;
border-width: 2px;
border-color: #334257;
width: 262px;
height: 390px;
display: inline-block;
}

And the html code is:
<div class="border2">
<img src="../images/about_igor.jpg" alt="Igor Shpilenok" width="262" height="390" hspace="0" vspace="0" border="0" />
</div>

It works perfectly on a mac, but in IE (pc), there is a small gap - about 4 pixels - between the image and bottom border. Does anyone have experience with this?

http://www.shpilenok.com/w1/html/about.htm

Thanks!

I dont understand why you're assigning a border to the image using a div. Why dont you just assign the border to the image?

display: inline-block;

should be inline or block, not both. why not just make a class for it with the border attributes and apply it to the directly to the image tag?

img.content {border: 1px #000000;}

<img src="path/to/image.jpg" class="content">

then you can add more features if you want in the css...