Breadcrumb Slice Correction for Trail

BreadcrumbTrail

<style>
	.slice{
		display: inline-block;
		margin-left: -15px;
	}
	.slice.first,
	.slice:first-child{
		margin-left: 0px;
	}
	.slice .head{
		display: inline-block;
		border: 15px solid transparent;
		border-left-width: 15px;
		border-right-width: 0px;
		z-index: 10;
		position: relative;
		border-left-color: #999;
		vertical-align: top;
		float: left;
	}
	.slice .body{
		display: inline-block;
		background-color: #999;
		padding: 0 8px 0 8px;
		color: #fff;
		position: relative;
		height: 30px;
		line-height: 30px;
		vertical-align: top;
		float: left;
	}
	.slice .tail{
		display: inline-block;
		background-color: #999;
		border: 15px solid transparent;
		border-left-width: 15px;
		border-right-width: 0px;
		border-left-color: #fff;
		vertical-align: top;
		float: left;			
	}
</style>
<div>
	<div class="slice">
		<div class="tail"></div>
		<div class="body">Slice</div>
		<div class="head"></div>
	</div>
	<div class="slice">
		<div class="tail"></div>
		<div class="body">Slice</div>
		<div class="head"></div>
	</div>
	<div class="slice">
		<div class="tail"></div>
		<div class="body">Slice</div>
		<div class="head"></div>
	</div>
</div>