I am really struggling with the form you see in the left sidebar. I need the labels (Name, Email, Phone) to be on the left and the input fields on the right. I need the input fields to line up evenly along their right sides, too.
Since you went the display:inline-block with the lables and input, make sure you account for fixes
Inputs are replaced inline already and act like display:inline-block already, no worries there, however the label will need an IE6/7 hack since it’s a display:block by defualt
Target the labels via CSS (IE6 Star selector hack * html) and for IE7 (*+ html) and set the labels to display:inline
FF2 will also need display:-moz-inline-box; set for the labels/inputs
If you do decide to go the display:inline-block route make sure you follow what Ryan said vis-a-vis the fixes. Before I knew that bug I drove myself batty trying to figure it out.
Your best plan is to give the labels and inputs a display:inline-block. This will allow them to sit side-by-side on the same row, and then you can set the widths of them to be the same - and you can set the width on the heading and the message box to be the sum of the label width and the input width.