Div inside another div, how to scroll horizontally?

[webipsum]

I have a div where the images are accommodated within another div.
However scroll occurs only vertically.
How to scroll horizontally?
In the CSS I put:
overflow-y: hidden;
overflow-x: scroll;
But does not work.
Thanks.

[Nealrm]

Lock down the height of the parent div and force the photos side my side.

[an0n]

try using

overflow : auto;

[webipsum]

Tks, Nealrm and an0n.

But...

Scroll occurs only vertically.
How to scroll horizontally?

CSS

.content_h05_v02 {
	float:left;
	width:970px;
	height:451px;
}
.content_h05_v02_h01 {
	float:left;
	width:970px;
	height:260px;
	margin-top:101px;
	overflow:hidden;
}
.content_h05_v02_h01_h01 {
	float:left;
	width:970px;
	height:260px;
	overflow-y:hidden;
	overflow-x:scroll;
}
.content_h05_v02_h01_h01_media {
	float:left;
	width:180px;
	height:120px;
	position:relative;
	margin:5px;
}

HTML

<div class="content_h05_v02">
   <div class="content_h05_v02_h01">
      <div class="content_h05_v02_h01_h01">
         <div class="content_h05_v02_h01_h01_media">
            ...
            ...
            ...
            ...
            ...
            ...
            ...
            ...
         </div><!-- content_h05_v02_h01_h01_media -->
      </div><!-- content_h05_v02_h01_h01 -->
    </div><!-- content_h05_v02_h01 -->
</div><!-- content_h05_v02 -->

[an0n]

Try this

.content_h05_v02_h01_h01_media {
	float:left;
	width:970px;;
	height:120px;
	position:relative;
	margin:5px;
}

this *should* only show horizontal bar based on what you have. But remember to check cross browser compatibility because IE can be a pain.

[JohnnyS]

try to add white-space:nowrap on the container it will force the contents in one line of course if the elements are declared as display:inline or inline-block