Проблем с разтягането на див

[confiscate]

Здравейте ,
Имам следния проблем: В главният ми див container искам да сложа див с абсолютно позициониране в следствие на това container спира да се разтяга.
Ето код да видите за какво говоря:

<div id="container">
    <div id="topLine">
        <div id="regArena">
            <ul>
                <li><a href="#">Регистрация</a></li>
                <li>|</li>
                <li><a href="#">Влез</a></li>
            </ul>
        </div>
        <div id="lanArena">
            <ul>
                <li>BG</li>
                <li>|</li>
                <li><a href="#">EN</a></li>
            
            </ul>
        </div>
    
    </div>
    <div id="logoArena"></div>
</div>

[css]p,h1,h2,h3,h4,ul,a,img {margin:0; padding:0;}
img {border:none;}
html,body { background: url(../img/background.jpg) repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
line-height:1.5em;
text-align:left;
margin:0 auto;
padding:0;
}
#container {width:1000px; height:100%; position: relative; overflow: hidden; margin: 0 auto; border:1px solid #ccc; }
#logoArena { width:1000px; height:48px; position: absolute; z-index: -1; top:10px; background: url(../img/vem-web-line.png) no-repeat; }
[/css]

Благодаря предварително за помощта!

 

[ninkata]

#container - махаш height:100%;
#logoArena - махаш position: absolute;

Когато имаш position: absolute; значи елемента е над всичко и независим от другите елементи, ако го уголемяваш той не променя размера на жив-а в който се намира, Все едно има банер който се показва над целия сайт и му правиш размера какъвто си искаш без да се нарушават размерите на др div-ове

 

[ninkata]

Ако искап този #logoArena да го местиш нагоре надолу ползвай:
margin-top: -38px;
Ако искаш да увеличава височината на container позлвай padding-bottom: 100px;

 

[joTunkiq]

правиш голяма грашка, че ползваш позиция абсолютна за дивовете в една лента !!! Ползва се флоат, а не позициониране .. преразгледай уменията си по CSS. и потърси в интернет примери с флоатване