0

css プロパティ「display: inline;」を使用せずに「IE Double Margin Bug」を修正することは可能ですか?私が尋ねる理由は、「display: block;」を使用する必要があるためです。私のdiv要素が正しく表示されるように。そうしないと機能しません。

ここに私のHTMLがあります

</head>
<body>
<div class="jimgMenu">
  <ul>
    <li class="landscapes"><a href="#nogo">Landscapes</a></li>
    <li class="people"><a href="#nogo">People</a></li>
    <li class="nature"><a href="#nogo">Nature</a></li>
    <li class="abstract"><a href="#nogo">Abstract</a></li>
    <li class="urban"><a href="#nogo">Urban</a></li>
  </ul>
</div>

と私のCSS

.jimgMenu {
    float:left;
    position: relative;
    width: 670px;
    height: 200px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    left:-42px;
}

.jimgMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 200px;
    width: 1340px;

    }

.jimgMenu ul li {
    float: left;
}

.jimgMenu ul li a {
    text-indent: -1000px;
    background:#FFFFFF none repeat scroll 0%;
    border-right: 2px solid #fff;
    cursor:pointer;
    display:block;
    overflow:hidden;
    width:78px;
    height: 200px;
}

.jimgMenu ul li.landscapes a {
    background: url(images/landscapes.jpg) repeat scroll 0%;
}

.jimgMenu ul li.people a {
    background: url(images/people.jpg) repeat scroll 0%;
}

.jimgMenu ul li.nature a {
    background: url(images/nature.jpg) repeat scroll 0%;
}
.jimgMenu ul li.abstract a {
    background: url(images/abstract.jpg) repeat scroll 0%;
}

.jimgMenu ul li.urban a {
    background: url(images/urban.jpg) repeat scroll 0%;
    min-width:310px;

}

.clear {
    clear: both;
}
4

0 に答える 0