Start Checkout Button not positioning correctly

[Drannath]

Hello all,

For some reason my Start Checkout button isn't positioning correctly on my Shopping Cart page.

Image of what's going on:
http://i.imgur.com/slfy5.jpg

There's this bodacious white space between my Total and my Start Checkout. Not sure why, and I can't seem to get rid of it.

Any ideas? Tips? Thanks!

[Tesarect]

I can't see your CSS for that div, but if it's at that size, you may have set a height for it. I'm not sure though, my CSS is a little rusty xD but try adding padding to the bottom to push it up, perhaps?

[Drannath]

Negative, just tried it.

My code is:

<div id="cart-buttons2">
<div class="checkout" style="margin:78px 0 0 -5px; padding-bottom:25px;"><p><a href="checkout.aspx"><strong><font size="4">Start Checkout</font></strong></a></p></div>
</div>

cart-buttons2 consists of:

#cart-buttons2 .checkout a {color:#fff; font-weight:bold; display:block; padding:15px 0 1px 0; height:45px; width:202px; background: url(../images/art/start-checkout-button.jpg) 0 0 no-repeat;}
#cart-buttons2 .checkout a:active {background: url(../images/art/start-checkout-button.png) 0 -55px no-repeat;}
#cart-buttons2 {width:100%; overflow:hidden; margin-top:5px;}
#cart-buttons2 a {text-decoration:none;}
#cart-buttons2 .continue {float:left; padding:7px 0 3px 0; text-decoration:underline;}
#cart-buttons2 .checkout {float:right; text-align:center;}
#cart-buttons2 .checkout a:hover {color:#000;}