UI Tabs, strange effect: content not within tab borders
Hi everyone
I'm using the UI tabs widget and wondered if anyone could explain this
effect (not the blurring)... http://www.highbeeches.plus.com/jquerytabs_borders.png
The content on each tab doesn't appear within the borders of the tabs.
This happens on IE7 and FF3.
The tab contents are all loaded through AJAX using the built-in href
ability.
The tab content is a <div> with inline style of a fixed width/height
and also vertical overflow scrollbar support
Within the DIV is a table which simulates a datagrid by using
following style: table-layout : fixed; overflow : hidden; text-
overflow : ellipsis; white-space : nowrap;
The mark-up is all valid, but does anyone know why the content is
being rendered outside of the tab borders?
Cheers, B