liの中にブロック要素化したaタグを置くと、IEでへんな隙間が空く件の解決法
IEでは、リスト内のaなどをdisplay:block;にすると、line-heightの解釈がおかしくなるらしい。で、変なすき間が空く、と。
解決法は、
li{
display:block;
font-size:1px;
}
a{
display:block;
font-size:small;
}
のように、liの方ではfont-sizeを1pxに指定し、aタグの方で元も戻す。
IEでは、リスト内のaなどをdisplay:block;にすると、line-heightの解釈がおかしくなるらしい。で、変なすき間が空く、と。
解決法は、
li{
display:block;
font-size:1px;
}
a{
display:block;
font-size:small;
}
のように、liの方ではfont-sizeを1pxに指定し、aタグの方で元も戻す。