Auto absolute block width in small container

Then i add some text in my absolute block inner div it dosn't expand.I know that exapanding forbids a parent container width: \[code\]<div class="main_wrap"></div>\[/code\].But I can't remove it from him.So i want to find a solution how i can correct it without a js. How can i do this? It must to expand in width, not in height, talking about this element: \[code\]<div class="abs">\[/code\]. IF you remove a width from \[code\].main_wrap\[/code\] it's correct view, but i need to reach results like this without removing width, because it's just little part of huge grid.HTML: \[code\]<div class="block"> <div class="abs"> <table class="whf table"> <tr> <td> <div class="image"> <div class="shadow"></div> <img src="http://boardingarea.com/blogs/deltapoints/files/2012/07/test.jpg" width="77" /> </div> </td> <td class="vamid"> <div class="text"> Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </div> </td> </tr> </table> </div> \[/code\]Here is full example:http://jsbin.com/uqafuq/6/editThanks in future.
 
Back
Top