Zerb Foundation 3 の IE7 修正を取得する際に問題が発生しています (ここにあります) 。
以下を変更しました。
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../javascripts/boxsizing.htc);
}
としても:
.button.dropdown > ul {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; *behavior: url(../javascripts/boxsizing.htc);
display: none;
position: absolute;
left: -1px;
background: #fff;
background: rgba(255, 255, 255, 0.95);
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-top: none;
min-width: 100%;
z-index: 40;
}
それでも、Adobe browserlab テストによると、IE7 ではまだ適切にレンダリングされていません。IE7 を実行できないため、browserlab の問題であるかどうかはわかりません。
また、 Modernizr の no-box-sizingも含めようとしましたが、これはまだ実装されていますが、役に立っていないようです。
サイトはこちらからご覧いただけます。
前もって感謝します!