CSS Textboxes and labels

HI There

I have a web form that i just can get to line up propery

ive coded it in html And this is the form code

HTML Code:

---

<form class="tripcontrols">
        <span class="trips" style="display: inline-block; position: reletive;">
                <label style="float: top;" for="from" class="tripdate">Enter Date to start from</label>
                <input class="tripdate" disabled="disabled" class="short" type="text" name="from" id="from"/>
                <img width="25" height="25" src="javascripts/dtp/images2/cal.gif" onclick="NewCssCal('from')" style="cursor:pointer"/>
                <label class="tripdate" for="to">Enter Date to End</label>
                <input class="tripdate" disabled="disabled" class="short" type="text" name="to" id="to"/>
                <img width="25" height="25" src="javascripts/dtp/images2/cal.gif" onclick="NewCssCal('to')" style="cursor:pointer"/>
        </span>
</form>

---

Id like to be able to display the text boxes side by side but with the label on top of the. I have managed the side by side bit but i always end up with the label to the left of the textbox. then id like the image to be displayed to the right of the text box.

Im just about to relent and use a table :( but everyone has always said. never to use tables!!!

I hope some one can Help

Ian