Topic: Problem with valign and Select boxes (Page 1 of 1)

Hi All, it's a been a while since I've posted, I hopw you're all well.

I've got a problem with aligning a couple of select boxes in a table,

<td height="56" align="right" valign="bottom"><form name="form1" id="form1" method="post" action="">

	  	<table width="150" border="0" cellpadding="0" cellspacing="1" class="title">

      <tr>

        <td align="right" class="main">Buddy: </td>

        <td align="right" class="main"><select name="select3">

          <option>Select Buddy</option>

        </select></td>

        <td align="right" class="main">Bike: </td>

        <td align="right" class="main"><select name="select2">

          <option>Select Bike</option>

        </select></td>

      </tr>

    </table>

    </form></td>

Now what I want to do is valign the select boxes, or indeed the table they are held within to either the bottom or middle, but nothing seems to work when I view in IE6.

The class main looks like this...

td.main {

	padding:5px 5px 5px 5px;

	font-family:verdana, arial, helvetica, sans-serif;

	color:#666666;

	font-size: small;

	background-color: #fFFFFF;

	}

I don't see how this will effect my problem here, any help or guidance would be much appreciated.

Cheers,

Blaise

It might be easier to help if you gave us a link...

I could be misunderstanding the question here as well but you don't have valign="bottom" in any of your td's containing the form?

:::11oh1:::

Well I found out that it was because of where the form tags were placed, if I put them around the TD tags or the TR tags, everything looks fine!

Cheers,

Blaise