I am using CSS to control my page rather than tabling and when I view it in Firefox it is what I expect but in IE7 it is dropped down by almost a 1/4 inch from the top and not nearly as tight together??? AAHHH. I am tired of fighting the darned thing. Any thoughts or ideas. The front page is http://www.daddysworkshop.com I've been revamping the site and have more to do so a little more tinkering I don't mind but fixing this problem is vexing me. Help!
Well based on the differences I noticed in IE6 vs Firefox... I can clearly see that the coding needs a complete overhaul (something I highly suggest) simply because if you continue to use make changes and add content it may give undesirable effects in the future. Here's the code you can use to fix your current problem: Simply replace the #frame code with this one: #frame { width:100%; margin-top:10px!important; margin-top:-20px; text-align:left; } Code (markup): This should show up correctly in at least IE6 and Firefox, I'm not certain about IE7 as I don't have it installed atm. The !important will be read by all browsers besides IE6, allowing FireFox (and all other) specific code to be read, while leaving the -20px to be used to correct the issue in IE6. Let me know if this fixes the problem or not.
I very much appreciate the help it solves the problem as far as I can tell. You are right I am presently in overhaul mode and this will help me greatly until I am done. My hat is off to you.