这是IE7看到的:
[IMG]http://i70.photobucket.com/albums/i102/wolf-of-sahara/web/Untitled-2.jpg[/IMG]

这是FireFox, Opera, Netscape看到的:
[IMG]http://i70.photobucket.com/albums/i102/wolf-of-sahara/web/Untitled-1.jpg[/IMG]

小的已经肝脑涂地, 但就是搞不懂为什么会这样. 拜托看得懂的人指点我一下吧!

这是右边那四个咖啡色方格的css:

#sidemenu{
        position: absolute;
        top: 315px;
        left: 650px;
        width: 166px;
        height: 150px;
        padding-top: 0px;
        padding-right: 5px;
        background-image: url(pages/jpg/sidemenu.jpg);
        background-repeat: repeat-y;
}

#sidemenu dl a{
        font: 11pt Lucida-Sans, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        letter-spacing: 3px;
        color: #6d4213;       
        text-align: left;
        text-decoration: none;
        padding-left: 25px;
               
}

#sidemenu dt{
        padding-top: 10px;
        padding-bottom: 8px;
}

这是上面四个图形的css:

#mainmenu{
        z-index: 3;
        width: 350px;
        height: 50px;
        position: absolute;
        top: 220px;
        left: 260px;       
        padding-left: -20px;
}

#mainmenu ul li{
        list-style: none;
        padding-right: 1.25em;
        margin: 0px 0px 0px 0px;
        float: left;
        }

[ 本帖最后由 Wolf.of.Sahara 于 2007-4-28 18:10 编辑 ]

解答得于此处的讨论版(英文): http://forum.deviantart.com/community/programming/840555/

在css档最上方写入:

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

将不同浏览器中所有默认的margin和padding数据归零之后再稍作调整就能解决IE7和其它浏览器排列不齐的问题了.