I've browsed Google and this site, but I couldn't find a solution to my issue.
On my webpage, I have a shoutbox and a teamspeak viewer with a specific height for the outer div.
The scrollbars don't look good on our new design, so I attempted to remove them from both the shoutbox and ts viewer, but they stubbornly remain.
Here is the code snippet for the shoutbox:
<div class="shoutboxBoxSidebar">
<div id="shoutbox" class="shoutbox sidebar">
<div class="shoutboxContent fadeOut asc">
<ul id="shoutboxEntryList">
<li class="shoutboxEntry" id="shoutboxEntry3936">
<li class="shoutboxEntry" id="shoutboxEntry3935">
</ul>
</div>
....
To try and fix this issue, I added the following CSS attributes to #shoutbox:
position:relative;
overflow:hidden;
And made the following adjustments to .shoutboxContent:
overflow:auto;
But unfortunately, the problem persists and I'm at a loss ;(
If you'd like to take a look, check out this fiddle
I hope someone can assist me in resolving this issue.