SensationSama SensationSama - 7 days ago 7
CSS Question

Scrollbar refuses to be hidden on IE / Firefox

The traditional fix for this issue, in this instance - is not working for me. The vertical scroll bar persists. See below:

.outer {
overflow: hidden;
}
.inner {
overflow: auto;
}


enter image description here



I need all the divs in my navigation. I've attempted to add the outer and inner overflow attribute at several levels of the parent/child div relations. None of which seem to be working. Here is my div tree:

<div>navbar-main
<div>nav-items
<div>list-items
<div>ng-scope
<div>ng-scope
<div>sub-menu




There does not appear to be any conflicting code that would stop overflow from working.

Answer

It looks like the fiddle successfully works because the scrollbar of the inner #scroller div is being hidden by the outer #wrapper div. Notice that #scroller is 20px wider than #wrapper. Try setting widths for your divs, making the inner div wider than the outer, and see if that gives you the result you're looking for.