need to have a border wrap around diff sized pictures

It's OK with height but width goes across the screen

[annej]

When I do

.photo{
border-color: #B0E0E6;
border-style: double;
}

The border goes along the top and bottom of the picture but the border goes all across the page.

I can't set a width as the pictures are different widths.

I tried

.photo{
border-color: #B0E0E6;
border-style: double;
width:0;
}

Which worked great on IE but is a disaster on Netscape/Firefox.

Does anyone have a solution for me or will I have to set each width perhaps inline?

[outrun]

Are you specifying the class in the image or in the div?

Maybe you can try

.photo img{
border-color: #B0E0E6;
border-style: double;
}

or

.photo img{
border-color: #B0E0E6;
border-style: double;
margin:0px;
padding:0px;
}

[annej]

Wow, That solved the problem. Thanks so much!