Thread:Project:Support desk/Preventing Overlap

I am attempting to create an infobox template for a wiki I am working on. The issue I am having is that the infobox on the right side of the screen is fine when the window is maximized but if i try to shrink the window, it will over lap. Below is just some example code to demonstrate the issue. What I would like to have happen is that when the page is shrunk the item on the left which is technically "after" the table on the right, moves down, basically as if there was a. Any help would be most appreciate!!

