CSS /*reset*/ * { margin: 0; padding: 0 } ul, ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } img { border: none; } :focus { outline: 0; } /*menu style*/ #top_menu { border-radius: 15px 15px 15px 15px; background: url(images/menu_bg.png) repeat-x 0 0 #D80C16; height: 48px; line-height: 48px; overflow: hidden; } #top_menu a { color: #fff; display: block; float: left; padding: 0 10px; position: relative; text-decoration: none; font-size: 13px; font-family: Arial,Helvetica,Garuda,sans-serif; } #top_menu a:hover{ background: url(images/menu_hover.png) repeat-x 0 2px #B70515; } .border-menu { position: absolute; top: 0; right: 0; } html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> </head> <body> <div id="top_menu"> <a href="#">Главная<img class="border-menu" src="images/menu_border.png"></a> <a href="#">О сайте<img class="border-menu" src="images/menu_border.png"></a> <a href="#">Отзывы</a> </div> </body> </html> картинки переименуйте http://pixs.ru/showimage/menubgpng_4120883_6141564.png http://pixs.ru/showimage/menuborder_3573192_6141572.png http://pixs.ru/showimage/menuhoverp_5721234_6141580.png
