<style type="text/css">
.div{
padding:5px 5px 5px 5px;
background-color:black;
width:100px;
height:100px;
}
</style>
<script type="text/javascript">
function passa(largura,altura) {
document.getElementById('div').style.width=largura+"px";
document.getElementById('div').style.height=altura+"px";
}
</script>
<div id="div" class="div">
<img src="suafigura.jpg" onload="passa(this.width,this.height)">
</div>
Outra forma de obter resultado parecido seria usando borda na imagem:
<style type="text/css">
.figura{
border:5px solid black;
}
</style>
<img src="suafigura.jpg" class="figura">