Problem with Tabs creating a layout issue

Problem with Tabs creating a layout issue

Hi,

I'm creating a layout that resembles a development IDE for a specific use and i have a layout problem when i activate tabs in one of the components.

I tried different layouts: div-table, table, absolute positionning, and only the div-table layout shows this problem. Here are the links to the activated and non-activated tab widgets on the div-table layout:

http://labs.xlsoft.ca/index2.html
http://labs.xlsoft.ca/index3.html

You will see in index2 that the tabs are deactivated and that the columns on the left and right side are flush to the top. In Index3, you will notice that tabs have been activated, but the columns on the left and right side now feature some kind of padding or margin at the top.

http://labs.xlsoft.ca/index4.html shows the layout using a TABLE and everything works, but i'd like to refrain from using this idea.

http://labs.xlsoft.ca/index5.html is under construction and might be finished by the time you see this. This layout will use absolute positionning and we'll see if the same problem occurs.

Can anyone help me fix issue with div-table AND at the same time, can we discuss the best way to layout this to stay compatible with all modern browsers (IE8, FF3, CHR, SAF)

Thanks
Mathieu