[Débutant] MVC 4 beta + jQuery Mobile

Bonjour, j'aimerais savoir comment je peux m'y prendre pour régler l'affichage de mon formulaire.

J'utilise MVC4 beta avec jQuery Mobile 1.0...
Voici le résultat...

https://lh6.googleusercontent.com/-C.../s715/test.png

C'est comme si quelque chose prenait beaucoup d'espace à droite et ecrasait mon espace de gauche...

Voici le code de ma vue:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="content-primary">
    @foreach (var region in Model.Item1)
    {
        <div data-role="collapsible" data-theme="b" data-collapsed="false" >
           <h3>@Html.DisplayFor(modelItem => region.Name)</h3>
           <br />
 
            <ul data-role="listview" data-theme="c" data-divider-theme="c" data-inset="true" data-filter="true">
                @foreach (var flow in Model.Item2.Where(x => x.RegionId == region.Id))
                {
                    <li>
                        <a href="">
                            <h3>@Html.DisplayFor(modelItem => flow.x.Name)</h3>
                            <p><strong>@Html.DisplayFor(modelItem => flow.Name)</strong></p>
                            <p>@Html.DisplayFor(modelItem => flow.Category.Name)</p>
                        </a>
                        <p class="ui-li-count"><strong>14.5 </strong></p>
                        <p class="ui-li-aside"><strong>@Html.DisplayFor(modelItem => flow.Class)</strong></p>
                    </li>
                }
            </ul>
        </div>
    }
</div>

Je suis débutant avec jQuery et MVC

MVC 4 beta + jQuery Mobile - Problème d'affichage