Почему нет рамки у элемента?

<ul class="main">
			<li class="item">Раз</li>
			<li class="item">Два</li>
			<li class="item">Три</li>
			<li class="item">Четыре</li>
		</ul>

.main{
	list-style-type: none;
	margin-left: -20px;
}
.item{
	border: 2px;
	border-color: #ccc;
	margin-bottom: 5px;
}