What's wrong? Everything is sitting in the center!

Hi guys, I need help with my css coding.. All banners are overlapping my forum.
Here is a screenshot:


As you see its suppose to stay inside the blue image but it won't!

Here is the code I'm using:

<style type="text/css">
.bb {
	background: #8DCFF4
url(http://rc-palace.com/images/background.png) ;
        width: 560px;
        height: 12px;
	margin: 0px auto;
        text-align: center;
	padding: 30px 20px;
	font-weight: bold;
}
</style>

<p class="bb"><font color="white"><a href="http://www.dietzel.com/partner/idevaffiliate.php?id=474_14_1_63"><img src="http://www.dietzel.com/partner/banners/phonelagoon10.jpg" border="0"></a>
</p>

Code (markup):

Any help would be greatly appreciated,
Kind regards.

 

I fixed it.... thanks anyway :loL: