Hi there ladies and gentlemen,

Just having a few dramas with a layout at the moment.
At the top of this page http://www.gosfordit.com is a logon box that will be linked to a peice of software hosted on the same server, where clients can access invoices / bills etc.

At the moment i have been racking my brains for a solution as to why the two fields (and the login button) will not align to the right. The padding is correct between the top & bottom of the fields, but the location is wrong & as a result the page looks a little off.

I feel as though it may be an issue with the CSS - whenever i align the table that the form is located to the right, the form disappears behind the black gradient - but in the write position.

The CSS is located here: http://www.gosfordit.com/index_files/styles.css

Im assuming this will be a quick fix & am thanking anyone who can assist in advance.

Many thanks.

I tweaked your styles in the code below. Is this what you were trying to do? Seems ok in FF3 and IE6.

<div id="TopNav" style="height: 100px">
 <span class="style8">
   <table align="relative" style="float: right; margin-top:30px">
      <input type="text" class="txt" name="Username"/>
    <td><input type="password" class="txt" name="Password"/></td>
    <td><input type="image" value="Submit" src="http://www.gosfordit.com/index_files/login_13.png" name="cmdLogin"/></td>

 </span>    </div>