overflow scroll not working

[MDanz]

i want box 1 and box 2 horizontally next to each other.  I want the parent div if the content overflows to scroll and box1 and box2 horizontally next to each other.

 

i tried below but box2 keeps going underneath box1.  the scroll is necessary.

<div id='parent'>
<div id='box1'></div>
<div id='box2'></div>
</div>

#parent {
overflow:scroll;
width:100%;
}

#box1 {
float:left;
width:100px;
height:100px;
}

#box2 {
float:left;
}

[MDanz]

how do i make the overflow:scroll horizontal rather than vertical in the example below

 

http://www.w3schools.com/css/tryit.asp?filename=trycss_overflow

[haku]

Post 1: Not sure what you are asking.

[nogray]

You should set the width for box2 as well, otherwise it'll expand to fit the content.

[mat420]

are u trying to do like an iframe type thing but use php overflow instead? if so private msg me i can help you. i just did this.