Webboard

Kilka szczegółów o moim forum i stylu, z którym mam problem:
nazwa stylu: Apart+moje modyfikacje
wersja skryptu MyBB: 1.6
adres forum: localhost
opis problemu: Witam !
Próbuję zakodować sobie menu pod mybb, ale coś mi nie wychodzi bo jest menu w tej samej linii co moje forum, jeżeli menu wydłużę to są krótkie działy, skrócę menu do 1 px to wszystko mi pokazuje.

nagłówek

Kod:
<a href="{$mybb->settings['bburl']}/index.php">

<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />

</a>

</div>

            <div class="nav">            

            <ul id="navigation" style="width: 1000px";> 

                    <li class="#">

                        <a href="$mybb->settings['bburl']}/index.php" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">Strona Główna</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="$mybb->settings['bburl']}/search.php" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">{$lang->toplinks_search}</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="$mybb->settings['bburl']}/memberlist.php" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">$lang->toplinks_memberlist</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="{$mybb->settings['bburl']}/misc.php?action=help" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">{$lang->toplinks_help}</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="/bany" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">AmxBans</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="/bany" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">Statystyki DR</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                    <li class="#">

                        <a href="/cod" target="_self">

                            <span class="menu-left"></span>

                            <span class="menu-mid">Statystyki COD</span>

                            <span class="menu-right"></span>

                        </a>

                    </li>

                   </ul>

            </div>

css:

Kod:
.nav {

    background: #fff url(../../../images/1/nav_bg.png) repeat-x;

    float: left;

}

.nev-wrapper {

    clear: both;

    float: left;

}

.nav ul {

    width: 98%;

    height: 38px;

    float: left;

    margin: 0;

    padding-top: 3px;

    list-style: none;

    font-size: 15px;

}

.nav li {

    float: left;

    padding: 0 7px;

    background: url(../../../images/1/split.png) no-repeat right center;

    position: relative;

    z-index: 1;

}

.nav li.last {

    background:none;

}

.nav li:hover {

    z-index:2;

}

.nav li a {

    display: block;

    line-height: 31px;

    overflow: hidden;

    float: left;

}

av li a:hover .menu-left,

.nav li.active a .menu-left,

.nav li:hover a .menu-left,

.nav li a:hover .menu-mid,

.nav li.active a .menu-mid,

.nav li:hover a .menu-mid,

.nav li a:hover .menu-right,

.nav li.active a .menu-right,

.nav li:hover a .menu-right {

    background-position: 0 0px;

    line-height: 35px;

}

.nav li a:hover,

.nav li.active a,

.nav li.hover a,

.nav li:hover a {

    color: #09548B;

}

.nav li:hover .sub,

.nav li.hover .sub {

    display:block;

}

.nav li .sub {

    display: none;

    position: absolute;

    top: 27px;

    left: 6px;

    background: url(../../../images/1/submenu_top.png) no-repeat;

    width: 186px;

    padding-top: 9px;

}

.nav li ul {

    background: url(../../../images/1/submenu_bg.png) repeat-y;

    width: 162px;

    height: auto;

    margin: 0;

    padding: 0 12px 10px;

    list-style: none;

    font-size: 14px;

}

.nav li:hover li,

.nav li.active li {

    width: 100%;

    padding: 1px 0 2px;

    border-bottom: 1px #C1D9F0 dashed;

    background: none !important;

}

.nav li:hover li a,

.nav li.active li a {

    color: #09548B;

    background: none !important;

    line-height: normal;

    width: 156px;

    padding: 8px 3px 3px;

    text-indent: 1px;

}

.nav li:hover li a:hover,

.nav li.active li a:hover {

    color: #fff;

    background: #165B9F !important;

    text-decoration: none;

    line-height: normal;

}

/*IE*/

.nav li li a:hover,

.nav li li a:hover {

    color: #fff;

    background: #165B9F !important;

    text-decoration: none;

    line-height: normal;

}

/**/

.nav .btm-bg {

    background: url(../../../images/1/submenu_bottom.png) no-repeat;

    width: 205px;

    height: 9px;

    overflow: hidden;

    clear: both;

}

.content {

    width: 670px;

    background: transparent url(../../../images/1/content_bg.png) repeat-y;

    float: left;

    padding: 10px 20px;

}

.content h1 {

    color: #333;

    font-weight: 400;

    text-transform: uppercase;

    font-size: 18px;

    border-bottom: 1px dashed #C1D9F0;

}

.content h2 {

    font-weight: 400;

    text-transform: uppercase;

    font-size: 14px;

    padding-left: 10px;

    margin-bottom: -5px;

}

.content p {

    padding: 0 15px;

    text-align: justify;    

}

.content-bottom {

    width: 710px;

    background: transparent url(../../../images/1/content_bottom.png) no-repeat;

    height: 13px;

    float: left;

}

Prosiłbym o pomoc
Pozdrawiam
Duo

Witam dodam tyle, że po usunięciu w nagłówki tych linijki problem ustępuje, lecz wszystko na forum się zmienia

Kod:
<div id="content">

ss:

Duo94