how can i get div with scroller to work on ie7. like how it works on other browsers?

Hi i have this div which uses an horizontal scroller the only problem i am having is with ie7 the images doesnt stay inside the scroller div it just runs a straight line
does anyone know how can i achive the same effect to work like how it work on other browsers to work on ie7

css

.test{ color:white; display:inline; margin-right:-70px; z-index:0;}
.picture { position: relative; z-index:-1;}

HTML:

<div class="example-display">
	<div style="border:1px solid black;width:830px; height:108px ;overflow-y:hidden; overflow-x:scroll;">
		<div style="white-space:nowrap;">
        	<p class="test">gfvhgvk</p>
				<img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
                <p class="test">gfvhgvk</p>
                <img class="picture" src="images/itv_logo.gif" width="160"  height="90" />
		</div>        
	</div>
</div>

HTML:

thanks in advance

 

overflow-x:auto;

i dont have ie7 to test

 

I'm just trying to figure out what's with all the DIV for nothing, inlined presentation, classes for nothing (if every like element inside a block level parent is getting the same class, none of them should have classes)... and why the negative margin on inline-level elements...

I'd have to see what you are trying to do live on a page, but I suspect you're doing it all wrong.