over the years I got in the bad habit of ignoring firefox totally. I am currently working on a project at findacourt.com/test use the /test to get into my little sandbox area.
At any rate, as you can see, there are several things going on here, both in IE7 and Firefox (the latest version). I don't know what it looks like in IE6 at all.
I had been trying to work everything without tables, using only div tags and css, but, after much frustration, I have gone and added a table.
Note, the footer (which you see floating way at the top for some reason), is a div tag the header and the menu are div tags.
All the stuff in between (my adsense, the content in the center, and the information on the right) are a table.
I haven't set anything to hide any of the source, and all CSS is external, so, if you want to take a look at it just go to the findacourt.com/test/style.css
You will notice several problems that are happening.
Even though I set the table width at 100 percent, there is still space after the column on the right hand side.
Even though I have the footer in the code at the very bottom, it still somehow floats it to the top of the page
The text in the center column is somehow dropped down, rather than starting closer to the top.
When I first built this it worked fine in IE7, then when trying to fix it for firefox I messed it up so that all of these same problems happen in IE7.
The sad thing is, I have been working with CSS for years, I just can't figure out where I am going wrong.
Any help would be greatly appretiated.