UL、LIのインデントをなくす
ULやLIのインデント（余白）をなくすにはmargin、paddingを0にする。
というわけですが、メインのメニューリンクで、これが何度やってもインデントができてしまうんですよね。TABLEと組み合わせているからかも知れませんが、ショップサーブのCSSを拝借して、あっさり解決。
まず、CSSの設定は以下の通り：
.list {
padding:0px 0px;
display:block;
line-height:130%;
background:#FFFFFF;
border-top:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
border-left:1px #FFFFFF solid;
border-bottom:1px #96BC69 solid;
}
ul.listbox{
text-align:left;
padding:0px;
margin:0px;
list-style:none;
}
li.ca1 {
margin:0px;
border-bottom:1px #D9E5A1 solid;
}
li.ca2 {
margin:0px;
border-bottom:1px #D9E5A1 solid;
}
li.ca1 a{
padding:16px 3px 16px 13px;display:block;
color:#ffffff;text-decoration:none;
font-weight:bold;
font-size:13px;
}
そして、ULのセットを＜DIV CLASS="LIST"＞～＜/DIV＞で囲むことで、ばっちりインデントをなくせました。Firefox、Google Chromeで確認。最近IEは使ってません。
