hr 标签在IE6下的浮动问题

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    
    <style>
        .cutLine1{
            width: 629px;
            height: 13px;
            float: right;
            background: #cccccc;
            border: none;
            *float:right;
            margin:0;*margin:0 0 -14px 0;
            display:block;
        }
        .cutLine2{
            width: 180px;
            height:13px;
            float: right;
            background: #0000cc;
            border: none;
            *float:right;
            margin:0;*margin:0 0 -14px 0;
            display:block;
        }
        </style>
</head>

<body>
<div></div>
<hr class="cutLine1"> <hr class="cutLine2">
</body>
</html>

这是我的代码，我不清楚如何在IE6下实现这个效果，IE6下会出现两个hr不在一行的情况。

不清楚IE6,不过看问题可以试一下display:inline-block;

【热门文章】