ASP.NETMVC音乐商店教程CSS布局问题

我刚刚完成了一个测试，但是我的一些网页看起来不太对劲。这是我的：

但应该是这样的：

此页的代码为：

@model MvcSuper.Models.MusicStore.Genre

@{ 
    ViewBag.Title = "Browse Albums"; 
} 

<div class="genre"> 
    <h3><em>@Model.Name</em> Albums</h3> 

    <ul id="album-list"> 
        @foreach (var album in Model.Albums) 
        { 
            <li> 
                <a href="@Url.Action("Details",  
                    new { id = album.AlbumId })"> 
                    <img alt="@album.Title"  
                        src="@album.AlbumArtUrl" /> 
                    <span>@album.Title</span> 
                </a> 
            </li> 
        } 
    </ul> 
</div>

---

我确实下载了源代码（作者完成的版本），当我运行它时，它和我的一样。最上面的截图来自XP上的FF4，但在XP上的IE8中看起来是一样的。有什么想法吗？

放松点。我很确定这是特定浏览器的情况，或者一些额外的复杂css代码，仅此而已。确保您理解教程中所说的所有内容，让屏幕保持原样

将专辑列表推回到正确的位置，让您的头脑放松

向主css类添加宽度：

#main
{
    overflow: hidden;
    padding: 0 0 15px 10px;
    float: left;
    width: 500px;
}

还将*添加到第一个css类

*{
    margin: 0px;
    padding: 0px;
    border: none;
}

---

尝试使用firebug来检查html，看看在您没有向我们展示完整故事的情况下会发生什么。什么是类型的css类？类型列表的html和css类是什么？我猜我会说把这些漂到左边。最有用的方法是提供一个实例，但如果没有，则需要完整的相关源代码。@Andrew-float left，right，随便什么；->很高兴你有它的工作-该教程是非常好的尝试MVC3！

#main
{
    overflow: hidden;
    padding: 0 0 15px 10px;
    float: left;
    width: 500px;
}

*{
    margin: 0px;
    padding: 0px;
    border: none;
}