marcolago

/**
 * 2nd box Fluid with 1st, 3rd and 4th fixed width
 */
 
.box {
 float: left;
 box-sizing: border-box;
 border: 1px solid black;
}

marcolago

/**
 * CSS Puzzle: Reverse the z-order of the <li>s without setting a separate z-index on each one in a way that works in IE9 and up
 */

li {
	list-style: none;
	display: inline-block;
	padding: 1em 2em 1em 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 0 999px 999px 0;