ul.menu_inline{ clear: both; margin: 60px 0 6px 0; padding: 14px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; background-color: #888; width: 100%; text-align: center; } ul.menu_inline li{ display: inline; padding: 0; margin: 0; } ul.menu_inline li#mm_1{ background: url("../graphics/home.png") no-repeat center center; display:inline-block; } ul.menu_inline li#mm_1 a{ padding: 8px 20px; } ul.menu_inline li#mm_1 a span{ display: none; } ul.menu_inline li a{ color: #FFF; text-decoration: none; padding: 8px 10px; } ul.menu_inline li a:hover, ul.menu_inline li a.selected{ border-bottom: 6px solid #D86426; } @media (max-width: 767px) { ul.menu_inline{ margin: 0; padding: 0; font-size: 1.2em; position: absolute; top: 40px; left: 0; text-align: left; display: none; border-top: 1px solid #292929; z-index: 100; } ul.menu_inline li{ display: block; padding: 0; border-bottom: 1px solid #535353; } ul.menu_inline li#mm_1{ background: url("../graphics/home.png") no-repeat 10px center; } ul.menu_inline li#mm_1 a{ padding: 20px 16px; } ul.menu_inline li a{ padding: 10px; display: block; } ul.menu_inline li a:hover, ul.menu_inline li a.selected{ border-bottom: none; border-left: 6px solid #D86426; } ul.menu_inline li#mm_7{ display: none; } #header .nav{ cursor: pointer; position: absolute; right: 20px; top: 0; padding: 10px 0 0 0; } }