Навигация не улавливает CSS

Question

Я пытался сделать выпадающее меню CSS всю ночь и по какой-то причине, независимо от того, как я запутался в кодировании, мои навигационные теги не воспринимают CSS.

Вот этот сайт: http://nellyswritingroom.tumblr.com/

CSS:

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

HTML:

<div id="nav">
    <ul>
        <li><a href="{text:Nav Link 1}">{text:Link 1 Name}</a></li>
        <li><a href="{text:Nav Link 2}">{text:Link 2 Name}</a></li>
        <li><a href="{text:Nav Link 3}">{text:Link 3 Name}</a></li>
        <li><a href="{text:Nav Link 4}">{text:Link 4 Name}</a></li>
        <li><a href="{text:Nav Link 5}">{text:Link 5 Name}</a></li>
        <li><a href="{text:Nav Link 6}">{text:Link 6 Name}</a></li>
    </ul>
</div>

Я пробовал несколько разных способов настройки навигации, таких как использование HTML-тегов навигации и стиля... но это ничего не меняет. По какой-то причине CSS не достигает HTML, что странно, потому что CSS отлично работает для остальной части страницы.

Я уверен, что это то, что я упускаю из виду, но любая помощь будет принята с благодарностью!

Answer 1

Вот ваша проблема в 'newstyle.css'

header#top h1{
    position:relative;
    width:500px;
    height:285px;
    overflow:hidden;
    float:left;
)

закрывающий тег ')' должен быть '}'