/* Example One */
#example-one{margin:0 auto;list-style:none;position:relative;}
/*#example-one li{display:inline-block}
#example-one a{color:#bbb;font-size:14px;float:left;padding:6px 10px 4px 10px;text-decoration:none;text-transform:uppercase}
#example-one a:hover{color:white}
*/


#example-one #magic-line{position:absolute;bottom:-1px;left:0;width:72px;height:1px;background:#000; margin:0;}


.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}

/* Example Two */
#example-two{margin:0 auto;list-style:none;position:relative;}
/*#example-two li{display:inline-block}
#example-two li a{position:relative;z-index:200;color:#bbb;font-size:14px;display:block;float:left;padding:6px 10px 4px 10px;text-decoration:none;text-transform:uppercase}
#example-two li a:hover{color:white}*/
#example-two #magic-line-two{position:absolute;top:0;left:0;width:130px;background:#fabf00;z-index:1;}

.ie6 #example-two li,.ie7 #example-two li{display:inline}

@media (max-width: 768px) {
#example-two #magic-line-two { display:none}
}