Right now the div that contains the tab (.wvr-tabls-nav) is generated wurh afixed height of 32px (one row) as a result, the second row is outside the div container and overlaps with the content container (this is why you had to put several <br/> to lower the content.
I believe this is done on purpose so the border around the content run below row one and row two is inside the box.
Unfortunately the z-index is on the tabs but not their container so the one inside the content box are under it
If keeping with that design then add the rule below to set the proper z-index to the tab container
@weaver, this probably needs to go in permanently