境界線がしっかりするようにフィールドセットのスタイルを設定したいと思います。
だから私はそれをこのようにスタイリングしました...
fieldset {
margin: 5px;
padding: 20px;
border: solid orange;
border-width: 30px 1px 1px 1px;
}
fieldset legend {
background-color: orange;
line-height: 30px;
/* uncomment line below for IE8 */
/* margin-top: -50px; */
}
そして、ほとんどのブラウザ(IE9、Chrome、FF14)ではこのように見えます...
これをIE8で動作させるのに問題があります。凡例を適切に配置するために-veマージンを追加しましたが、凡例の両側に2本の垂直の白いバーがあります...
フィドル... http://jsfiddle.net/spiderplant0/NmwuC/
IE8の白いバーを取り除く方法はありますか(IE7、IE6などは気にしません)?
(ちなみに、HTMLはDrupalフレームワークによって生成されるので、HTMLの変更を伴わないソリューションをお勧めします。)