やりたいことは、文字数の横幅に合わせてリストの横幅も決定されて欲しい、ということです。 こんな感じ。 各リストで文字数ばらばらだから横幅違うでしょ? <ul> <li><a href="#">このサイトについて</a></li> <li><a href="#">お問い合わせ</a></li> <li><a href="#">リンク</a></li> </ul> ul li { float: left; background: url(img/navi.gif) no-repeat; height: 37px; margin: 5px 0 0 10px; } ul li a { display: block; background: url(img/navi_b.gif) no-repeat right top; height: 31px; padding: 6px 10px 0; }