JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="description" content="9thMagic Home" />
        <meta name="keywords" content="9thMagic, Magic" />
        <link rel="stylesheet" href="css/reset.css" type="text/css" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <title>9thMagic - Home</title>
    </head>
    <body>
        <div id="wrap" class="group">
            <nav>
                <a href="" id="Home">
                </a>
                <a href="" id="Overview">
                </a>
                <a href="" id="Media">
                </a>
                <a href="" id="Hiring">
                </a>
            </nav>
            <aside id="logo">
                <img src="http://www.9thmagic.com/Pictures/Logo.png" alt="Logo"/>
            </aside>
            <section class="contents">
                
            </section>
        </div>
    </body>
</html>

CSS

.group:after
{
    content: "";
    display: table;
    clear: both;
}

#wrap
{
    width: 960px;
    margin: 0 auto;
}

body
{
    background-image: url("http://www.9thmagic.com/Pictures/wallpaper.jpg");
    background-repeat: no-repeat;
}

aside#logo
{
    border: 1px solid red;
}

nav > a#Home
{
    background: url("http://www.9thmagic.com/Pictures/Home.png");
    border: 1px solid red;
}

nav > a#Home:hover
{
    border: 1px solid green;
    background: url("http://www.9thmagic.com/Pictures/Home_hover.png");
}