Проблема с google chrome

[Hol1killer]

Здраствуйте господа, возникла следующая проблема с chrome проблема слово замерщика переносится на следующую строчку! http://itmages.ru/image/view/453824/02d36d7b

если уменьшать значения padding то слово замерщика помещается либо увеличивая ширину, ну из зачего ? в остальных браузерах все отлично тока в хроме проблема

 .header-menu-box ul li {
	font-weight:bold;
	display:inline;
	border-right:1px #000 inset;
	padding:0 15px 0 15px;
}

следующий код

  <div class=" fl header-menu-box">
  <ul>
  <li><a href="#">Главная </a></li>
  <li><a href="#">Продукция </a></li>
  <li><a href="#">Цены </a></li>
  <li><a href="#">Услуги</a></li>
  <li><a href="#">Фотогаллерея</a></li>
  <li><a href="#">Контакты</a></li> 
  <li style="border:none;"><a href="#"><img src="vyzov_zamerchika.png" width="40" height="31" align="top" /><span id="text"></span> </a></li>
  </ul>
  </div>

.header-menu-box {
	width:980px;
	height:40px;
	background:#2178e0;
	margin-left:10px;
	border-radius:40px 10px;
	-moz-border-radius:40px 10px;
	-moz-box-shadow: 0 0 10px #C60; /* Для Firefox */
    -webkit-box-shadow: 0 0 10px #C60; /* Для Safari и Chrome */
	box-shadow:0 0 10px  #C60;
	}
.header-menu-box ul {
	list-style:none;
	margin: 5px 0px;
	padding:5px 0;
	margin-left:20px;
}
.header-menu-box ul li {
	font-weight:bold;
	display:inline;
	border-right:1px #000 inset;
	padding:0 15px 0 15px;
}
.header-menu-box ul li a {
	padding:10px;
	padding-top:12px;
	padding-bottom:15px;
	color:#fff;
}
.header-menu-box a:hover, a:focus{
	color:#000;
	border-radius:40px 10px;
	-moz-border-radius:40px 10px;
	background: -webkit-linear-gradient(top, #FF8000,  #FFF); /* для webkit-браузеров */
	background: -moz-linear-gradient(top,  #FF8000,  #FFF); /* для firefox 3.6+ */ 
	background: -o-linear-gradient(top,  #FF8000,  #FFF); /* для Opera 11.10+ */
}
.fl {
	float:left;
	}

Edited March 13, 2012 by Hol1killer