Здравствуйте! Что не так в моем коде? Почему один из бордеров отображает нечетко и серым цветом?

[Роман Корчовський]

У меня есть код

<div id="menu">
					<div id="why">
						<a href=""><span> Почему мы </span></a>
					</div>
					<div id="services">
						<a href=""><span> Наши услуги </span></a>
					</div>
					<div id="material">
						<a href=""><span> Материал </span></a>
					</div>
					<div id="about">
						<a href=""><span> О нас </span></a>
					</div>
					<div id="contactsFull">
						<a href=""><span> Контакты </span></a>
					</div>
				</div>

А также CSS к нему

#menu {
	float: left;
	width: 600px;
	margin-left: 450px;
	margin-top: 20px;
	border: 1px solid black;
	border-radius: 7px;
	height: 45px;
	background-color: #FCFCFC;

}
#why {
	float: left;
	width: 119px;
	height: 32px;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 13px;

}
#services {
	float: left;
	width: 124px;
	height: 32px;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 13px;
}
#material {
	float: left;
	width: 119px;
	height: 32px;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 13px;
}
#about {
	float: left;
	width: 115px;
	height: 32px;
	border-right: 1px solid black;
	text-align: center;
	padding-top: 13px;
}
#contactsFull {
	float: left;
	width: 119px;
	height: 32px;
	text-align: center;
	padding-top: 13px;
}

И почему- то один из бордеров отображаеться некорректно.

Что не так?