background image uneven with regular image

div.top {
border: 10px solid #CCCCCC;
border-bottom-width: 0px;
padding: 0px;
background-image: url(menutile.jpg);
}

The code above yields this (http://www.shanahanfootball.com/newdesign/) .

It is uneven with the normal image, though both are the same size. I simply want to tile the bg image to the border even with the normal menu images. What am I doing wrong?

I'm not exact sure how "correct" this code is, but it does the job. Just add this to your css. I only tested it in FF, and it worked there.

div.top img{
vertical-align: bottom;
}