Prevent div scrollbar on tip display near edge

I think it is generally accepted in the web design community that in general, scroll bars should be at a window level unless absolutely essential and if you are going to use scroll bars at a lower level that these should be very carefully designed to avoid the creation of a poor UI experience.

Generally you will set overflow to either hidden (so images / tooltips etc. are clipped) or visible (so that they extend outside the div). You would not use auto or scroll which create scroll bars on the div when needed or permanently respectively.

This fix relates to tab-content, which in this template has fixed (empty) left and right margins within the window and variable length. So we should never get vertical overflow, but can get horizontal overflow from tooltips etc.

This fix, changes the overflow for the tab-content from auto (which creates scrollbars) to visible which allows horizontal overflow into the margins for e.g. tooltips.