IE 9兼容模式，其中ul相对于float：左

| 一个关于float：left的ul列表使我在IE 9中头疼不已。它在IE 7和IE 8中都能正常工作，但现在还没有。我试图将文档类型更改为无效。如果我不使用doctype，它就可以正常工作.....但这不是可行的方法。下面的示例将项目符号放置在IE 9的黄色区域上。这是我的代码：

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html>
<head>
<style type=\"text/css\">
body{
background-color:grey;
}
.somewrapper{
width:500px;
background-color:white;
float:left;
}
.imagewrapper{
float:left;
width:180px;
height:140px;
margin-right:30px;
background-color:yellow;
}
ul{
margin:0px;
padding:0px;
margin-left:25px;
}

ul li{
list-style:disc outside none;
}

</style>
</head>

<body>
    <div class=\"somewrapper\">
        <div class=\"imagewrapper\">

        </div>
        <div class=\"teste\">
            <h2>asdklfjaøskljf</h2>
            <ul>
                <li>aøsklfjaøs jasas fasfklf aaasfasasfa sfasfsdfasfas fasf asfasfasfasfasf asf as fasføsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
            </ul>
            <h2>asdfasfasfasdfasf</h2>
            <p>asdfasfasfaskjf aklsjf asjklf askljf </p>
            <ul>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
                <li>aøsklfjaøsjklfaøsjklf</li>
            </ul>
            <h2>asdfasfasfasdfasf</h2>
            <p>asdfasfasfaskjf aklsjf asjklf askljf </p>
        </div>

    </div>
</body>