Perdon, no logro entenderlo, podrias hacer un ejemplo mas concreto, con mi codigo?
Con CSS y con HTML5.
Código:
<div style="background-image: url(img/menu-red-bar.jpg); background-repeat: no; width:552px; height: 90px; float:left;">
<div class="Menu-Bar-Style" style="background:#DB3801; width:98px; height:35px; float:left; margin-top: 27px;">QUIENES <br> SOMOS</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:100px; height:35px; float:left; margin-top: 27px;">COMPRA <br> VENTA</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:104px; height:35px; float:left; margin-top: 27px;">SERVICIO <br> TECNICO</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:114px; height:35px; float:left; margin-top: 27px;">RECICLADO</div>
<div class="Menu-Bar-Style" style="background:#DB3801; width:136px; height:35px; float:left; margin-top: 27px;">COMPONENTES</div>
</div>
Tampoco entendi lo de "
usar algún pseudo-elemento para recrear las lineas divisorias"
Podrias dar un ejemplo con mi diseño?
GRACIAS