JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
<ul class="menu">
<li class="thurs"><a href="#">Thurs</a></li>
<li class="fri"><a href="#">Fri</a></li>
<li class="sat"><a href="#">Sat</a></li>
<li class="sun"><a href="#">Sun</a></li>
<li class="more"><a href="#">More</a></li>
      </ul>
      </div>

</nav>

CSS

#nav {
    display:inline;
    list-style: none;
    position: fixed;
    width: 1290px;
    margin: 0 auto; 
    left:0px; 
    right:0px;
    float:clear;
    top: 120px;
    z-index: 1000;
 
}
.menu li {
    display: inline;
    vertical-align:top; 
    float:left;
    
}
.menu li a {
    display: block;
    height: 407px;
    width:250px;
    text-indent: -999999px;
}

.thurs a       { background-image: url('http://static.tumblr.com/2wdsnoc/K8umxhswx/thu.png');       }
.thurs a:hover { background-image: url('http://static.tumblr.com/2wdsnoc/6Rxmxht1d/thu-hover.png');     }

.fri a       {background-image: url('http://static.tumblr.com/2wdsnoc/9dtmxhsw1/fri.png');      }
.fri a:hover { background-image: url('http://static.tumblr.com/2wdsnoc/dCtmxht0o/fri-hover.png');       }

.sat a       {background-image: url('http://static.tumblr.com/2wdsnoc/drJmxhstf/sat.png');      }
.sat a:hover { background-image: url('http://static.tumblr.com/2wdsnoc/qfsmxhstx/sat-hover.png');       }

.sun a       { background-image: url('http://static.tumblr.com/2wdsnoc/Uekmxhss1/sun.png');         }
.sun a:hover {  background-image: url('http://static.tumblr.com/2wdsnoc/Vy4mxhssp/sun-hover.png');      }

.more a      {background-image: url('http://static.tumblr.com/2wdsnoc/i8jmxhsuu/more.png');         }
.more a:hover{ background-image: url('http://static.tumblr.com/2wdsnoc/Bjzmxhsvf/more-hover.png');     
}