ajax Tool kit combobox problem

Question

I AM USING AJAX COMBOBOX IN MY APPLICATION IT WORK IS GOOD FINE BUT WHAT IS THE PROBLEM IS
THE LIST OF ITEM IS NOT DISPLAY BELOW THE COMBOBOX THESE ITEMS ARE DISPLAYED AS A SEPARATE BOX HOW TO DISPLAY THAT COMBOBOX PROPERLY 

CODE IS:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site2.Master" AutoEventWireup="true" CodeBehind="comboBox.aspx.cs" Inherits="AjaxControlsDemonstration.comboBox" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="heads" runat="server">
    <link href="css/masterStyles.css" rel="Stylesheet" type="text/css" />
    <link href="css/Controls.css" rel="Stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table><tr><td>ComboBox with SqlDataSource</td><td><asp:ComboBox ID="cmbtest" runat="server" DataSourceID="SqlDataSource2"
    DataTextField="c_name" DataValueField="id" MaxLength="0"
    style="display: inline;">
    </asp:ComboBox>
    <asp:SqlDataSource ID="SqlDataSource2" runat="server"
    ConnectionString="<%$ ConnectionStrings:kotiConnectionString3 %>"
    SelectCommand="SELECT * FROM [countries]"></asp:SqlDataSource>
    </td></tr>
    <tr><td>General ComboBox</td><td>
        <asp:ComboBox ID="cmbGen" runat="server" AutoPostBack="True">
            <asp:ListItem Value="0">choose your option...</asp:ListItem>
            <asp:ListItem Value="1">AP</asp:ListItem>
            <asp:ListItem Value="2">UP</asp:ListItem>
            <asp:ListItem Value="3">GOA</asp:ListItem>
        </asp:ComboBox>
    </td></tr>
 </table>