Centering image and title

HTML

<html>
    <body>
        <div id="header" >
            <div class="wbr_logo">
                <div class="floating_text">This is a classic Mini!</div>
            </div>
        </div>
        <div id="body">
            Body here!
        </div>
    </body>
</html>

CSS

#header {
}
.wbr_logo {
  position: relative;
    height: 225px;
  width: 300px;
  margin: 0 auto; /* centers it */
  background-image: url("http://www.amviv.com/wp-content/uploads/2011/05/chris-2-300x225.jpg"); 
}

.floating_text {
  text-align: center;
    color: white;
    font-size:18px;
}