Centralizar imagem em div

Olá, boa tarde a todos.

Sei que o tópico pode parecer simples, mas já pesquisei e refiz vários testes muitas vezes e não consegui, por isso venho pedir um auxílio.

Preciso centralizar uma imagem dentro de uma div, vejam o que tenho:

 A imagem que preciso centralizar está nessa <div class="set">, vejam ela completa:

 

<div id="carouseldiv" style="background-color:#FFFFFF"; >
 <?php do { ?>
 <div class="set">
 <img src="../colecao/<?php echo $row_colecaofotos['imagem']; ?>" alt="" />
 </div>
 <?php } while ($row_colecaofotos = mysql_fetch_assoc($colecaofotos)); ?>
</div>

 

 O script que tem ligação com a div, aqui é definido altura e largura, pois esse scrip é um carrossel de imagens:

 

<script type="text/javascript">
$(document).ready(function() {

	var oHandlerHorizontal = $("#carouseldiv").msCarousel({boxClass:'div.set', width:375, height:550, scrollSpeed:500}).data("msCarousel");
	$("#next").click(function() {
 oHandlerHorizontal.next();
	});
	$("#previous").click(function() {
 oHandlerHorizontal.previous();
	});

} catch(e) {

	alert(e.message);
}

})
 </script>

 

 O css:

.mscarousel {overflow:hidden}
.mscarousel img{border:0}
.mscarousel .child{position:relative;}
.mscarousel .child .set, .mscarousel .set{float:left; position:relative;}
.mscarousel .child .set .message, .mscarousel .set .message{/position:absolute; top:0; left:0; background-color:#333333; color:#fff; display:none;/}
.mscarousel .child .clear{clear:both}
.hand{cursor:pointer}

Não consegui de forma alguma fazer isso e se puderem me ajudar, vou agradecer muito.

Valeu e fiquem na paz.