I need help with what seems so basic, but yet I cannot figure out what the problem is. First off, here is a link to the ZIP of the html/css/img files.
Here is my problem. I have 3 DIVs sitting inside of a main DIV. These 3 DIVs are supposed to be sitting stacked on top of eachother flush.
When viewed in IE and Firefox as is, you can see there is spacing between the DIVs in Firefox, but IE displays them the way I want them to be.
Here is the weirdest part, now try uncommenting all the 4 Border attributes in the CSS file, save and preview the html. This time around, they are being displayed properly in both Firefox and IE. The problem is I obviously dont want the border. The second problem is what is causing the spacing in firefox, this makes no sense.
Someone help me pls.