hi, how would you design a search box to position control properly. it seems very obvious my code turn up side down everything.


Code:
            <div id="search_div"   style=" height:74px; background-image : url(Images/search_box.jpg); background-repeat: no-repeat;">                
                <ul class="search_box" style="margin-left:70px;">
                    <li><asp:DropDownList ID="DropDownList1" runat="server" Width="120px" BackColor="Transparent" CssClass="obj_nolayout">
                                <asp:ListItem>Delivery No</asp:ListItem>
                                <asp:ListItem>LPO No</asp:ListItem>
                                <asp:ListItem>Supplier</asp:ListItem>
                                <asp:ListItem>LPO Details</asp:ListItem>
                                </asp:DropDownList></li>
                    <li ><asp:TextBox ID="TextBox1" runat="server" Width="314px" BackColor="Transparent" BorderColor="Gray"></asp:TextBox></li>
                   <li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li>
                    <li> <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/search_go.jpg" /></li>
                </ul>                
            </div>



thanks.