li:first-child:after

[mbistato]

Salve a tutti,

sto lavorando sul breadcrumbs della mia home page ma ho un piccolo problema che da solo non riesco a risolvere.

Di seguito il mio codice html:

<div id="breadcrumb">          <ul>              <li><strong>TU SEI QUI:</strong></li>              <li><a href="http//:www.techenna.com">Home</a></li>         </ul>        </div>

Mentre qui sotto il CSS:

#breadcrumb ul {
	padding: 0 0 0.2em 0;
	list-style: none;
	border-bottom: 1px solid #000;
}


#breadcrumb  li {
	padding: 0 0.5em 0 0;
	display: inline;
}


#breadcrumb  li:after {
	content: '\3E';
	margin-left: 0.3em;
}


#breadcrumb  li:first-child:after {
    content: " ";
}


#breadcrumb  li:last-child:after {
    content: " ";
}

Il problema è che anche dopo il first child del menu mi compare la freccia ">". Cosa c'è che non va nel mio CSS?