NOSYREPORTCR NAV CODE

paste this in the CSS anywhere after <style type="text/css"> and before </style>

/* NAVIGATION TABLE */

#navtable {
    width:400px;
    margin-left: auto ;
    margin-right: auto ;
}

#table {
display: block;
font-size: 11px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:bold;
font-family: helvetica;
text-align: center;
margin-top:0px;
}

#links {
display: block;
font-decoration: none;
width: 400px;
}

td {
    width:200px;
    height:30px;
    background-color:{color:text};
             -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

td:hover {
    width:200px;
    height:30px;
}

#links a {
display: block;
color: {color:bold};
text-decoration: none;
}

#links a:hover {
display: block;
}

END OF CSS.
then, replace your old navigation div with this:

<div id="05" class="popup_block">
<div class="poptext">
<div class="pptext">

<h1>nav text</h1>

<div id="navtable">
<div id="links">
<table id="table" table border="0" cellspacing="" cellpadding="2">

<tr>
<td><a href="/">guidelines</a></td>
<td><a href="/">reflection</a></td>
</tr>

<tr>
<td><a href="/">musings</a></td>
<td><a href="/">ic answers</a></td>
</tr>

<tr>
<td><a href="/">drabbles</a></td>
<td><a href="/">headcanons</a></td>
</tr>

<tr>
<td><a href="/">wants</a></td>
<td><a href="/">playlist</a></td>
</tr>

</table></div></div>

</div>
</div>