Centrage d'une image dans un div

J'ai déjà mis la bordure d'une image à l'intérieur d'un div être nul. Je veux maintenant le centre de l'image au sein de son div contenant. J'ai essayé d'utiliser le margin: 0 auto; mais cela ne fonctionne pas.

Je suis sûr que j'donnant sur quelque chose de stupide, mais j'aimerais obtenir de l'aide de la stackoverflow de la communauté, donc cela ne me prend pas une heure de regarder l'écran de la figure de sortir. Merci beaucoup.

<body>
    <div id="wrapper">
        <div id="banner">

            <img src="logo3.png"/>
            <!--<img src="kslf_logo.png"/>
            <img src="logo2.png" title="Katie Samson Lacrosse Festival Logo"/>-->


            <div id="social_network">
                <a href="#" target="_blank" title="Check out the Facebook Page!">Facebook</a>
            </div>

        </div>
    </div>
</body>

Voici le CSS...

#banner {
    height: 100px;
    width: 960px;
    padding-bottom: 10px;
}

#banner img {
    border: none;
    margin: 0 auto;
}
InformationsquelleAutor Dan | 2010-01-25