0

ヘッダーメニューで、「カートの中を見る」の画像が下に沈みます。教えていただけないでしょうか?

よろしくお願いします。
http://www.bijou-yasuko.com/new/index.html /* --- ヘッダメニュー --- */
#header div.nl {
background: #ffffff url() repeat-x top; /* ヘッダメニューの背景 */
border-top: 0px #555555 solid; /* ヘッダメニューの上境界線 */
border-bottom: 3px #16160e solid ; /* ヘッダメニューの下境界線 */
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 980px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0;
border-left: 0px #2e1c00 solid; /* メニュー本体の左境界線 */
border-right: 0px #4d3d21 solid; /* メニュー本体の右境界線 */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li {
width: 163px; /* 項目の幅 */
height: 30px; /* 項目の幅 */
float: left;
line-height: 120%;
}
/* 最初の項目と最後の項目 */
#header div.nl li.first,
#header div.nl li.last {
width: 147px; /* 項目の幅 */
}
/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px 7px; /* リンクエリアのパディング（上10、左右2、下7） */
border-left: 0px #4d3d21 solid; /* リンクエリアの左境界線 */
border-right: 0px #2e1c00 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #333333; /* 文字色 */
}

/* 英字部分 */
#header div.nl li a span.en {
display: block;
margin-top: 0px; /* 2英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover,
#header div.nl li.active a {
background: #333333 url(../image/hor_menu7_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景 */
color: #ffffff; /* 文字色 */
}
#header div.nl li a:hover span.en,
#header div.nl li.active span.en {
color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */
}

質問者が選んだベストソリューション

Yahoo!知恵袋 4032日前