Footer’s not Transparent

I’ve closed all the proper div tags and still my footer isn’t transparent. Does someone know why or what I need to do in order to get it to be transparent? It’s supposed to be rounded like the top.

https://yellowsavvydesign.com/designinwork/
This is what I have in style.css for the footer:

#footer {
        background: transparent url('https://www.yellowsavvydesign.com/designinwork/images/content.png');
	clear: both;
	width: 900px;
	margin: 0 auto;
	text-align: center;
	font-family: cambria, tahoma;
	font-size: 10px;
}

#footercredit {
        background: url('https://www.yellowsavvydesign.com/designinwork/images/footer.png') no-repeat top;
	width: 900px;
	height: 156px;
	margin: 0 auto;
	text-align: center;
	font-family: cambria, tahoma;
	font-size: 10px;
        padding-bottom:0px;
}

This is what I have in footer.php:

<br clear="all" />

<div class="footer">
<div id="footercredit">

<p>text text text</p>

</div>
<div id="wrapper_bottom">
<!-- -->
</div>
</div>
<!--wrapper-->
<br clear="all" />

</body>
</html>