Hold billede inden for DIV
Jeg har en DIV med runde kanter, mit problem er at når jeg lægger et billede ind i DIV'en stikker det ud i hjørnerne.Hvordan klarer jeg det?
Billedet ligger i HTML da jeg har nogle jQuery effekter på det.
HTML:
<div id="link_stratside_mat"><img id="link_stratside_pic_mat" src="_pic/test.jpg" width="200" height="100"></div>
CSS:
#link_stratside_mat {
position: relative;
width: 200px;
height: 100px;
border: 3px solid;
border-color: #baa057;
border-radius: 20px 20px 20px 20px;
background-color: #e2c26b;
}