IE表示でおかしな点が
いや、、、点じゃない線が・・・
- 該当部分HTML
<div id="sidemenu"> <h2 id="search"><em>名刺を探す</em></h2> <ul> <li id="l1"><a href="simple.html"><em>シンプルな名刺</em></a></li> <li id="l2"><a href="cool.html"><em>かっこいい名刺</em></a></li> <li id="l3"><a href="pretty.html"><em>かわいい名刺</em></a></li> <li id="l4"><a href="pics.html"><em>写真を使った名刺</em></a></li> </ul> <h2 id="home_print"><a href="#"><em>名刺を自宅で印刷</em></a></h2> <h2 id="agreement_state"><a href="agreement.html"><em>利用規約</em></a></h2> <h2 id="privacy_policy"><a href="privacy.html"><em>プライバシーポリシー</em></a></h2> </div>
- 該当部分CSS
em{ visibility:hidden; text-decoration:none; } #sidemenu{ width:200px; height:921px; float:left; background-color:#FDFDFD; border-bottom:2px solid #E0E0E0; } #home_print{ background-image:url(../images/home_print.png); border-top:2px solid #E0E0E0; margin: 0; padding: 0; height:50px; line-height:50px; width:200px; } #home_print a{ height:50px; line-height:50px; width:200px; } #home_print a:link { height:50px; line-height:50px; width:200px; display:block; background-image:url(../images/home_print.png); background-position:0 -50px; } #home_print a:hover { background-position:0 0; } #home_print a.stay { background-position:0 0; } #agreement_state{ background-image:url(../images/agreement.png); border-top:2px solid #E0E0E0; margin: 0; padding: 0; height:50px; line-height:50px; width:200px; } #agreement_state a{ height:50px; line-height:50px; width:200px; } #agreement_state a:link { height:50px; line-height:50px; width:200px; display:block; background-image:url(../images/agreement.png); background-position:0 -50px; } #agreement_state a:hover { background-position:0 0; } #agreement_state a.stay { background-position:0 0; } #privacy_policy{ background-image:url(../images/privacy.png); border-top:2px solid #E0E0E0; margin: 0; padding: 0; height:50px; line-height:50px; width:200px; } #privacy_policy a{ height:50px; line-height:50px; width:200px; } #privacy_policy a:link { height:50px; line-height:50px; width:200px; display:block; background-image:url(../images/privacy.png); background-position:0 -50px; } #privacy_policy a:hover { background-position:0 0; } #privacy_policy a.stay { background-position:0 0; } #sidemenu ul { font-weight: bold; margin: 0; padding: 0;e list-style-type: none; }
なんか変な線が出る。
ちなみにサイドバーのリンク用の文字列をでくくり、visiblity:hidden;をかけているが、
XXXの部分を消すので、ここが絶対に何かある!
現在調査続行中