# Containers not working

**URL:** <https://forum.kirupa.com/t/containers-not-working/189400>\
**Category:** web dev\
**Created:** [June 2, 2006, 6:20am UTC](https://forum.kirupa.com/t/containers-not-working/189400 "2006-06-02T06:20:35Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![iLikePie](https://avatars.discourse-cdn.com/v4/letter/i/85f322/32.png) [@iLikePie](https://forum.kirupa.com/u/iLikePie)\
**Post date:** [June 2, 2006, 6:20am UTC](https://forum.kirupa.com/t/containers-not-working/189400/1 "2006-06-02T06:20:35Z")

</div>

hi,

i’m building a CSS layout that’s relatively simple in that it’s MEANT to be quite geometric… the box model really suits it.

however, i’m getting a strange result i don’t understand.  
I have an overall container of 750px width.  
then i have (within that) a nav container thats floated left, 150px width, 650px high.

However, the nav container has a number of 150px squares inside it (created with divs) and i expected that after 650px down they’d not be visible (because of the nav container) but they just keep going.

here’s some code…

```auto

#stucontainer{
width:750px;
margin:0px auto;
text-align:center;
background-color:#a7cceb;

}

#stunavigation{
text-align:right;
margin:0px auto;
width:150x;
height:650px;
background-color:#fff;
}

```

and so within stunavigation, the stuff itsn’t being contained properly, it’s like the squares aren’t actually inside the nav div (but they definitely are). The outside container works…

oh and i might as well ask this side note while i’m here… if i changed the #stunavigation height to, lets say, 80%, it doesn’t do it. any obvious reason why?

if you can sort through all that, i’m muchly in your debt.

- stu