Text Disoriented on Small Browsers, using CSS & Tables

[donttryitx]

Title may be too long so let me explain...
My Website GoArlo.Com

I have a description of a website & A banner underneath, On my laptop everything seems ok, The description and right under the banner seems alligned and does not seem distorted.

On a smaller browser or when you minimize the screen, some parts of the table leave too much room after the description and before the banner.
You can see what I am talking about if you are in the BUDDY NETWORK & Tools Section and scroll down to the 2nd Row of Descriptions..
http://goarlo.com/buddynetworks.html

I am using Layers CSS for the layout and Tables using CSS for the outline (Description & Banners) To hold it in place with Absolute Positioning.

Well the question is, is there any way to fix it and make them aligned evenly or my only choice is to make Same Size Description for Each Banner?

[ray326]

Obviously a table isn't necessary there but if you're going to use one then you need to put the banners in the same cell as the description, not in a separate row.

[donttryitx]

What else can I use instead of Tables..
And another thing if I put banners in the same cell - You think the banners will look distorted? Or will that be alright, By the way what do you think about the website? is it ok? Design and all? Thanks a lot...

[ray326]

What else can I use instead of Tables..You use appropriate semantic mark up and CSS. Could be divs; could be lists.
And another thing if I put banners in the same cell - You think the banners will look distorted?Why would they be? Make the graphic the right size and set the width/height to match.

The design looks ok.