Well Damn wrote: >When the outer div is smaller than the larger div, i'd like it to hide >the text -- not wrap. The code below works fine in IE, can anyone >suggest what I'm doing wrong for firefox? > ><div id="testdiv" style="border:1px solid blue; width:200px; overflow:hidden"> > <div width="100%"> > <ul> > <li> A test div.A test div.A test div.A test div.A test >div.A test div.A test div.</li> > <li> A test div.A test div.A test div.A test div.A test div.A test >div.A test div.</li> > <li> A test div.A test div.A test div.A test div.A test div.A test >div.A test div.</li> > <li> A test div.A test div.A test div.A test div.A test div.A test >div.A test div.</li> > <li> A test div.A test div.A test div.A test div.A test div.A test >div.A test div.</li> > </ul> > </div> ></div>
That code looks the same to me in FF 1.5 and IE6, even if I write it so the inner div uses a style declaration instead of a width attribute. The inner div holds at the 198px content width and expands vertically to accommodate the wrapping list items. This is the behavior I would expect. If I make the inner div a width of 100em (instead of 100%) then the list items don't wrap and the content to the right is hidden. But this behavior, too, is identical in both browsers. What differences do you see? Perhaps you might post a complete page, in case something else is interfering. -Adam Kuehn ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
