centrado en border + imagen

[devilsoulblack]

Estimados amigos alguien me puede ayudar en el siguiente codigo que cito a continuacion

Código:

<style> 
.example7{
float:center; 
border-bottom:#ededed 2px solid; 
border-right:#ededed 2px solid; 
background:#cccccc;
}
.example8{
float:center; 
border:#778888 1px solid; 
background:#eeeeee; 
padding:10px;position:relative; 
top:-3px; 
left:-3px;
}
</style>

Código:

<div align="center">
<div class="example7"><div class="example8">
  <IMG src="http://www.diariocorreo.com.ec/images/noticias/2007/Marzo/01/tecnologia.jpg"></div>
</div></div>

quisiera que el ancho sea dado por el ancho de la propia imagen y no asi como sale muy anchote

[devilsoulblack]

yo mismo me respondo

.bordes {
display: block;
text-align: center;
margin: 10px auto 5px auto;
padding: 6px;
border: 1px solid #999999;
}