CSS: having trouble with the CSS display property?

http://elastichosts.darkgreener.com/cloud-support/index.html

Please could anyone explain why the table (#support-table) is being pushed down to align with 'Submit a ticket', rather than following straight on from the first paragraph?

I don't understand why the table is being pushed down, but the header and paragraph are displaying just fine inline alongside the right-hand gray block.

I assume it must be something to do with the disp开发者_开发百科lay property of the table - I've tried setting it to display:inline, but it doesn't seem to help.

Thanks.

It's because of float: left in extra.css line 135. Remove that or change it to float: none and it scoots up to the paragraph.

You're unnecessarily floating your table left. (float:left;)

Removing this property will restore the table to the right location.

As the other answers pointed out, you have the float: left. The reason that this was causing problems is because of the clear:right that you have on the button to the right. The button is cleared to the right and the flow of the document continues fromt that point and so the table is floated to the left even with that button.