#header li { background:url("right.gif") no-repeat right top; margin-left:9px; } 然后讓a向左移動9px，覆蓋掉盲點(diǎn)區(qū)域，如何移動呢？可對a使用相對位置（position:relative;），用負(fù)值移動9px（left:-9px;）。由于li的寬度等于a的寬度，所以當(dāng)a位置相對左移9px時，li的右邊就會多出9px的盲區(qū)，如何解決呢？我們使用a的負(fù)外邊距來解決（margin-right:-9px;）。
#header a { position:relative; left:-9px; margin-right:-9px; } 設(shè)置left圖片為a的背景，不重復(fù)，左上對齊，并設(shè)置文字的內(nèi)邊距，注意現(xiàn)在a的區(qū)域為整個按鈕的區(qū)域，所以padding-left和padding-right的值都應(yīng)為15px。
#header a { background:url("left.gif") no-repeat left top; padding:5px 15px 4px; } 另注意一個細(xì)節(jié)：在IE中鏈接的區(qū)域為文字區(qū)域而不是按鈕區(qū)域，而在其他對標(biāo)準(zhǔn)支持比較好的瀏覽器里是按鈕區(qū)域。為了解決這個問題，我們給IE中的a指定個固定寬度來觸發(fā)IE的layout（可以選用.1em，1px，1%等值），但這樣一來a在其他對標(biāo)準(zhǔn)支持比較好的瀏覽器里則會識別這個寬度，我們選用對標(biāo)準(zhǔn)支持比較好的瀏覽器識別而IE6不識別的子選擇器來讓a的寬度變?yōu)閍uto。
#header a {width:.1em;} #header > ul a {width:auto;} 相對應(yīng)的，對于current選擇器里的圖片位置也要做一點(diǎn)調(diào)整：
