Nachtrag 2

[Carmen]

Hallo Auge,

Strong nimmst du, wenn ein Wort oder Satz oder was auch immer besonders stark betont/hervorgehoben werden soll (em bei Hervorhebung ohne „besonders stark“). Wann das zutrifft, ist Gefühlssache.

Wenn es nur um eine typografische Hervorhebung geht, reicht auch font-weight: bold;. Das verstehen alle grafischen Browser, ohne dass es – soweit mir das bekannt ist – zu merklich unterschiedlichen Darstellungen käme.

ich hab es nun so geändert. In beiden Browsern wird es nun "richtig" dargestellt. Sollte man das CSS noch weiter optimieren können, bin ich für jeden Tipp dankbar.

  
.s1-navigation>li:first-child {  
	margin-left: 0;  
}  
  
.s1-navigation>li:last-child {  
	margin-right: 0;  
}  
  
.s1-navigation li {  
	display: inline-block;  
	vertical-align: top;  
	margin-right: 20px;  
}  
  
.s1-navigation>li:first-child>a {  
	padding-left: 0px;  
}  
  
.s1-navigation>li:first-child>a:before {  
		display:none;  
}  
  
.s1-navigation a {  
	padding: 0 7px;  
	position: relative;  
	display: block;  
	color: #3d464c;  
	font-size: 1em;  
	font-weight: bold;  
	line-height: 20px;  
}  
  
.s1-navigation>li>a:before {  
	content: "";  
	position: absolute;  
	left: -7px;  
	top: 4px;  
	height: 14px;  
	width: 1px;  
	background: #d9d9d9;  
	border: 0;  
	-webkit-transform: rotate(14deg);  
	transform: rotate(14deg);  
}