画像を使用したナビゲーションを作成する場合に、画像下部の余白を無くすには

ul
{
　　　list-style: none;
　　　margin: 0px;
　　　padding: 0px;
}
ul li
{
　　　display: inline;
　　　float: left; /* 横並びにする場合 */
}
ul li a, ul li img
{
　　　display: block;
}

IE,Safari,Opera,Firefoxでボーダーをスリムにする方法
ボーダーは0pxにし、高さを1pxに。
色・背景色を指定する。

hr
{
　　　border: 0px;
　　　height: 1px;
　　　color: #cbcbcb;
　　　background-color: #cbcbcb;
}