Table Issues - Newbie Help Please

[caleb7777]

I have a couple tables on this sitehttp://www.infinityosd.com/cgi-bin/store/commerce.cgiThey are all identical in code but the third one (on the far right) does not appear proper. There is a break in the layout. I cannot figure out why.Here is the code for the table by itself:<table cellspacing="0" cellpadding="0" border="0"><tr><td><img alt="" src="http://www.infinityosd.com/images/template1/box1.jpg" width="11" height="25"></td><td NOWRAP style="background-image: url('http://www.infinityosd.com/images/template1/box2.jpg')"><div class="default_bold">What's New / Shoutbox</div></td><td><img alt="" src="http://www.infinityosd.com/images/template1/box3.jpg" width="6" height="25"></td></tr><tr><td style="background-image: url('http://www.infinityosd.com/images/template1/box4.jpg')"><img alt="" src="http://www.infinityosd.com/images/template1/box4.jpg" width="11" height="10"></td><td valign="top">{shout1}</td><td style="background-image: url('http://www.infinityosd.com/images/template1/box5.jpg')"><img alt="" src="http://www.infinityosd.com/images/template1/box5.jpg" width="6" height="10"></td></tr><tr><td><img alt="" src="http://www.infinityosd.com/images/template1/box6.jpg" width="11" height="4"></td><td style="background-image: url('http://www.infinityosd.com/images/template1/box7.jpg')"><img alt="" src="http://www.infinityosd.com/images/template1/box7.jpg" width="103" height="4"></td><td><img alt="" src="http://www.infinityosd.com/images/template1/box8.jpg" width="6" height="4"></td></tr></table>Pasted into its own html page it works fine. But on my website it breaks. The only difference is it is in a <div> specifying for it to be on the right side of the page and it is the third table.Same in firefox and explorer.I have tinkered for hours fruitlessly and have no idea why this would happen.Can anyone help?Please....Thanks,Caleb

[caleb7777]

I have found the problem goes away if I increase the text length so that it wraps.If I put in:'Hey everybody! Welcome to my site.'it will wrap as:Hey everybody! Welcometo my site.and the first column displays proper. I don't know why but when there is less text in that <td> I think it causes the first column to stretch and you are actually seeing the .jpg repeatAny ideas?ideally the table will always have text in it but I would like to solve this regardless.

[thescientist]

I think most people here would suggest not using tables for layout, which I myself would also advocate. You use div's, so why not use them for what they're meant for?

[caleb7777]

I am using divs for layoutI have a single table on the right that displays wrong. a simple 3x3. Are you saying I should scrap all tables? even for text boxes and other things?

[Synook]

Tables are for tabular data - text boxes aren't tabular.