Passer à la ligne dans une liste

QuentinC a écrit :
<br /> mais il faut que le saut de ligne ait une justification sémantique, sinon c'est au CSS de faire le ménage.

<div id="menu-camping">
	<ul id="navlist">
		<li><a <?php if($page_afficher=="accueil") echo "id=\"current\""; ?> href="../accueil/accueil_camping_franceloc.php">Le Domaine</a></li>
		<li><a <?php if($page_afficher=="hebergement") echo "id=\"current\""; ?> href="../hebergement/hebergement_camping_franceloc.php">Hébergement</a></li>
		<li><a <?php if($page_afficher=="centre_aquatique") echo "id=\"current\""; ?> href="../centre_aquatique/">Centre<br/>Aquatique</a></li>
		<li><a <?php if($page_afficher=="activite_animation") echo "id=\"current\""; ?> href="../activite_animation/">Activités-Animations</a></li>
		<li><a <?php if($page_afficher=="commerce_service") echo "id=\"current\""; ?> href="../commerce_service/">Services</a></li>
		<li><a <?php if($page_afficher=="acces") echo "id=\"current\""; ?> href="../acces/">Accès</a></li>
		<li><a <?php if($page_afficher=="contact") echo "id=\"current\""; ?> href="../contact/">Contact</a></li>
	</ul>
</div>

div#menu-camping {
	position:relative;
	left:-5px;
	width:564px;
	height:31px;
	overflow:hidden;
}

#navlist{
	padding: 4px 0 2px 0;
	margin-left: 0;
	margin-top:4px;
	border-bottom: 1px solid #778;
	font: 9px Verdana, sans-serif;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 2px;
	margin-left: 1px;
	border: 1px solid #778;
	border-bottom: none;
	background: #FFFFFF;
	text-decoration: none;
}

#navlist li a:link { color: #000099; }

#navlist li a:active { color: #990000; }

#navlist li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#navlist li a#current {
	background: #D8D8F6;
	border-bottom: 1px solid #D8D8F6;
	color:#990000;
}