Layout inside tab not working

Layout inside tab not working

Here is the HTML  . There is no external css file (scroll down to the html code)

What I want to acheive is as follows : 
I have some tabs as in this image and I am trying to put in a ui-layout in one of them now.

In want a to put a layout in one of the tabs.  With the layout code targetting tab1 (see below) it looks like :

I cannot figure out why the layout does not appear and why the tabs got narrowed !!