Why won’t my button go to the bottom of my header?

I want my button to be on the bottom of the header, but it stays at the top. The left margin works ok. Here is the css:

[CODE].header {
width:827px;
height:244px;
background-image:url(/images/top.jpg);
background-repeat:no-repeat;
margin-left: auto;
margin-right:auto;
margin-top:50px;
}

.buttons {
margin-bottom: 0px;
margin-left: 100px;
float:left;
background-color: #000000;
width:150px;
height:51px;
position:relative;
z-index:1;
}[/CODE]

and the html:

[code=html]<div class=”header”>
<div class=”buttons”>
<img src=”/images/pricing.gif” alt=”home staging pricing” height=”51″ width=”100″>
</div>
</div>[/code]

Thanks!

Also in #CSS _↴