immagine centrata che non sta al centro

[juventusei]

Ciao a tutti,
sto creando un sito, non sono un grande esperto ma me la cavo.
Il sito ha un blocco di sinistra e uno di destra, nel blocco di sinistra ci sono delle immagini che ruotano e sotto 4 blocchi con quattro testi, mentre a destra ci sono dei banner che mi servirebbero per presentare dei manifesti di eventi locali.
Il problema è appunto nella colonna chiamata "right" dopo aver creato sia la regola css che la classe dicendo che l'immagine deve stare al centro della colonna, mi viene spostata a sinistra (nella visualizzazione nel browser) mentre in dreamweaver me la fa vedere correttamente al centro. Mi potreste aiutare

Questo è il codice:

 <div id="right">
         <p><a href="http://www.adunataalpini-pordenone2014.it/" target="_blank"><img src="img/banner.jpg" alt="banner" width="146" height="187" align="middle" /></a></p>
          <h3>9-10-11 maggio 2014</h3>
          <h3>87° Adunata degli Alpini</h3>
        </div> 
        
<div class="clear"></div>  
        <!--fine right-->

Questa è la regola CSS:

#right {
    float: right;
    width: 192px;
    text-align: center;
    margin-top: 17px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

Grazie mille a tutti.