html - Why my DIV wont get down? -

im having little issue here. html.

<div class="one"> </div>  <div class="two">    <ul class="ulclass">      <li>dasda</li>      <li>qweqw</li>    </ul> </div> 

this css:

.one{   width: 100%;   height: 300px;   background-color: black; }  .two{   margin-top: 0px;   display: block;   padding: 0px;   margin-bottom: 0px; } .ulclass{ list-style-type: none;  margin:0px; margin-bottom: 0px; }  .ulclass li{ width: 500px; padding: 10px; overflow: auto;   float: left; } 

my problem divs next each other , not above other.

looks this.

http://oi57.tinypic.com/2lm5e1i.jpg

want green 1 down black one. have tried lot of things , cant it... please me.

sorry if newbie stuff.
thanks.

forget, divs inside div wich container here css:

.rost{   height: 100%;   min-height: 300px;   background-color: #fff; padding: 0px; padding-left: 0px;   box-shadow: 0  0 28px rgba(0, 0, 0, .6);   display: flex;     display: -webkit-box;  } 

here jsfiddle: http://jsfiddle.net/aemgm73z/

remove display: -webkit-box , display: flex parent container.

as far second div goes seems you've put <li> elements within <a> elements why spilling out of divs. child divs in parent divs because you've enclosed links other way round divs aren't expanding wrap around them

you can see point assigning fixed height, 1000px .lista div , upon inspection find .rost enclose both divs.

swapping li , a tags should work you.