Coding newbie here (y'all probably hear that alot). Two months ago I put together my first site with my host's site builder, it looked ok but had issues. So a couple of weeks ago I dove into some online tutorials and coded my new site up and uploaded it Tuesday night. Of course Wednesday morning I decided to make big changes including getting rid of the tables I used. But I'm having a margin issue using divs, I can make it look right in IE but then there is a 5px difference in both Firefox and Safari. If I make it look right in them it messes up in IE.
This is the new page I'm working on: http://www.dallasfamouschicken.com/newindex1.html
My content is still in a table (three actually) but I built the sidebar with divs. The top border of the "Hours" panel in the sidebar is spaced with a 7px margin and looks good in IE but is reduced to a 2px margin in Firefox or Safari. Any way to make it look right in all browsers? Or do I need to use a table instead? Thanks.