css - チェックボックスとそれに関連するテキストの奇妙な配置

Question

Visual Studio で aspx Web サイト プロジェクトを作成しましたが、現在、非常に愚かな問題に直面しています。データベースからリスト項目を取得するチェックボックスリストを作成しました。難しいことは何もありません。うまく動作します。しかし、チェックボックスに関連付けられたテキストは、親チェックボックスの下に隠れているようです。ここに写真がありますので、ご覧ください：

画像については、このリンクをたどってください。十分な評判がないため、StackOverflow で画像を埋め込むことができません。

http://i.imgur.com/niwbHwq.png

チェックボックスに関連付けられた私のコードは次のとおりです。

<div class="content-wrapper">
        <hgroup class="title">
            <h1>Welcome to the email creation system.</h1>
        </hgroup>
                 To begin, start selecting catagories below.
        <asp:CheckBoxList ID="StateCheckList" style="vertical-align: middle; white-space: nowrap; overflow: hidden; text-align: right" runat="server" DataSourceID="StateListDatabase" DataTextField="State" DataValueField="State" Font-Size="XX-Small" OnSelectedIndexChanged="StateCheckList_SelectedIndexChanged">
        </asp:CheckBoxList>
        <asp:SqlDataSource ID="StateListDatabase" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" SelectCommand="SELECT DISTINCT [State] FROM [MainTable]"></asp:SqlDataSource>
    </div>

すべてのヘルプは大歓迎です! ありがとう！

編集:コンテンツラッパーに関する私のSite.CSS情報は次のとおりです:

.content-wrapper {
margin: 0 auto;
max-width: 960px;}

Site.CSS 全体の貼り付けビンは次のとおりです: http://pastebin.com/aFsmJ4MB