* Now right-floating select box hints (i.e. <small> tags), which was …

…my original plan. It caused a bug around which I worked by forcing a style temporarily... Weird bug, but whatever... Works in Chrome now. Haven't tested in other browsers, but as usual, if you're not getting paid for something, you'll have to rely on others to do some of the testing for you. (index.css, sbox.js)

core/javascript/sbox.js

@@ -245,11 +245,14 @@
 					.height('');
 
 			// Hide .details so that the new width won't be influenced by it.
+			// Also, floated <small>'s will screw up calculations, at least in Chrome.
 			$dd.find('.details').toggle();
+			$dd.find('small').css('float', 'none');
 			// Set dropdown width to at least the display area's width, and at most the body's width.
 			$dd.width(Math.min($('body').width(), Math.max($dd.realWidth(), $display.outerWidth() - $dd.outerWidth(true) + $dd.realWidth())));
 			// Now we can reset.
 			$dd.find('.details').toggle();
+			$dd.find('small').css('float', '');
 
 			var
 				// Figure out if we should show above/below the display box, first by calculating the free space around it.

core/skins/index.css

@@ -545,10 +545,12 @@ select.sb
 	text-align: left
 	margin: 1px
 
-	.text mixes .inline-block
-		vertical-align: baseline
+	.text mixes .inline-block("baseline")
+		width: 100%
 		small
 			color: #aaa
+			float: right
+			margin-left: 5px
 
 	.details
 		font-style: italic