Can you scroll an auto clipped element with a percent width?

[j0em0mma]

I am nesting several spans inside a span that is, itself, inside a div.

Here is the CSS for the Outer Div:

  #FilterContainer {
    margin:1px; 
    border:1px solid #000000;
    width:100%;
    height:100%;
    text-align:left;
    padding:1px;
  }

  #FilterScrollBox {
    border:1px solid #000000;
    white-space:nowrap;
    width:100%;
    height:100%;
    overflow:scroll;
    clip:auto;
  }

This last span contains a bunch of filter spans, which I don't believe are the problem.

What is happening is this: When I have too many of the filter spans, they push the main DIV wider than the screen width and the box that is supposed to hold the scrolling elements ppushes out to the width of the combined filter contents unless I set the #Filter Scroll Box to a specific pixel width, say 800px. This is not what I need, I'm creating a scaling website, and The page elements MUST contract when the width of the window changes. I am doing this in I.E. 6, and don't have access at the moment to other browsers.

Does anyone know if this is intended CSS behavior, or another, high-quality Microsoft "feature"?