Please Help! Images & Tables off-center on browser resize

[iStylus]

Hello everyone, there is a problem with this site I've been designing, If i resize the browser in FireFox or IE it causes all the tables and images to mess up. The site is http://www.shortdoggkennels.com/ (Under Construction).
I have googled this and came up with a few things, I'm pretty sure it has something to do with the minwidth command, but I couldn't find any good tutorials. It would be greatly appreciated if any of you could help in any way. Thanks alot!

[Lchad]

In your

Code: Select all

#top

{

min-width: 90%;


padding: .5em;

background-image: url(images/backgr.jpg);

}

Instead of min-width: 90%;

Use width: 665px;

Code: Select all

#top

{

width: 665px;


padding: .5em;

background-image: url(images/backgr.jpg);

}

[iStylus]

NVM! Thanks alot!! I feel dumb for the solution being that simple, lol!

[Lchad]

Have you validated the site?

[iStylus]

What do you mean? I checked it and it says it has alot of errors, but its just because my html is messy.

[Lchad]

It's quite possible one or some of the errors are causing your problem. Fix the errors and you may magically have your fix!

[Ryan Fait]

Using em's for width is what's causing the jumps in box sizes. Just stick to pixels