- cross -
<div id="cross"></div>
#cross { width: 100px; height: 100px; position: relative; }
#cross:before,
#cross:after { content: ""; position: absolute; /*z-index: -1;*/ background: #d00; }
#cross:before { left: 50%; width: 30%; margin-left: -15%; height: 100%; }
#cross:after { top: 50%; height: 30%; margin-top: -15%; width: 100%;}
*****************************************************************************************
