Не помогло <div class="image-load-left"></div> <div class="image-load-right"></div> <div class="image-load-bg"></div> <div class="web-blue-tabs-menu" id="web-blue-tabs-menu"> <ul> <li><a href="/index.php"><nobr>Главная</nobr></a></li> <li class="selected"><a href="/tenders/"><nobr>Тендеры</nobr></a></li> <li><a href="/contacts/"><nobr>Контакты</nobr></a></li> </ul> </div> <div class="menu-clear-left"></div> </div> Ну и стили div.image-load-left { background-image: url("images/tableft-hover.gif"); } div.image-load-right { background-image: url("images/tabright-hover.gif"); } div.image-load-bg { background-image: url("images/tab_bg_hover.gif"); } div.web-blue-tabs-menu ul { list-style: none; padding: 0; margin: 0; height:37px; } div.web-blue-tabs-menu ul li { float: left; display: block; margin: -7px 1px 0px 0px; padding: 0; background: url("images/tableft.gif") left bottom no-repeat; margin-right: 1px; } div.web-blue-tabs-menu ul a { background:url("images/tabright.gif") right bottom no-repeat; text-decoration: none; margin-left: 4px; width:.1em; cursor:pointer; cursor: hand; } div.web-blue-tabs-menu > ul a {width:250px;} /*#D3DDE9 */ div.web-blue-tabs-menu ul a nobr { background: url("images/tab_bg.gif") bottom repeat-x; margin-right: 4px; font-size:13px; font-weight:bold; color:#364E68; padding:10px 6px; } div.web-blue-tabs-menu ul a, div.web-blue-tabs-menu ul a nobr { display:block; float: left; box-sizing:border-box; -moz-box-sizing: border-box; height:37px; } /* Commented backslash hack hides rule from IE5-Mac \*/ div.web-blue-tabs-menu ul a, div.web-blue-tabs-menu ul a nobr { float: none; } /* End IE5-Mac hack */ div.web-blue-tabs-menu li:hover, div.web-blue-tabs-menu li.jshover { background: url("images/tableft-hover.gif") left bottom no-repeat; } div.web-blue-tabs-menu a:hover { background:url("images/tabright-hover.gif") right bottom no-repeat; } div.web-blue-tabs-menu a:hover nobr { /*fix*/ margin-right:3px; padding-right:7px; background: url("images/tab_bg_hover.gif") bottom repeat-x; } div.web-blue-tabs-menu li.selected, div.web-blue-tabs-menu li.selected:hover { background: url("images/tableft-selected.gif") left bottom no-repeat; } div.web-blue-tabs-menu li.selected a, div.web-blue-tabs-menu li.selected a:hover { background:url("images/tabright-selected.gif") right bottom no-repeat; } div.web-blue-tabs-menu li.selected nobr, div.web-blue-tabs-menu li.selected a:hover nobr { background: url("images/tab_bg_selected.gif") bottom repeat-x; } div.menu-clear-left { clear:left; }