Product Page Attribute/Option Spacing Issues

Page: http://www.justbetees.com/index.php?main_page=product_info&products_id=51

I wanted to line up all of the drop-down boxes so they looked cleaner, which I was able to do -- but now there's some spacing problems. It looks like they're getting pushed around by the Add to Cart button, but I haven't been able to figure out any way to work the CSS to get around this. I also tried removing the class="clearboth" from br tags in that section of code, which didn't solve the issue either.

Potentially relevant stylesheet snippets:

#productAttributes {
	padding-bottom: 10px;
	}

h3#attribsOptionsText {
	margin-top: -12px;
	}

.wrapperAttribsOptions {
	margin: 0px 0px 0px 0px;
	}


.optionName {
	float: left;
	text-align: left;
	}

LABEL, .optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

.options {
	float: right;
	width: 490px;
	}

Thoughts?

stylesheet.css (line 705)

#productAttributes {
clear:both;
padding-bottom:10px;
}

Hmm. That does work to line them up, which is nice, thanks -- but then there's a bunch of extra whitespace. I'd like to have the Add to Cart button appear to the right of the drop-downs rather than seperated in some fashion, if possible.

Twinge - did you ever accomplish this?