First time poster here, hi. =)So I'm working on a portfolio site of mine - www.andrewdrennen.com - focusing on being as strict as possible in terms of proper CSS and XHTML. Doing alright so far, except I've ran into a couple of problems with Firefox displaying the CSS information correctly.Basically, this is what's going on: In IE, it loads the background image (a horizontal bar image) for a div tag and for the body background as it should. In FF, however, it sets the horizontal image lower than it should, and places the body background image higher than it should. The end result leaves the background bar looking lighter than normal and making the horizontal image a bit out of place.Apologies if I overlooked an already existing topic on this issue, one's patience only goes so far when searching through threads. =PThanks in advance for any help that can be offered.My CSS code:
body { font-family: arial; margin-top: 0px; margin-left: 0px; background-color: #c0c6ca; background-image: url("../images/bg.gif"); background-repeat: no-repeat; background-position: left; } #top { width: 800px; height: 26px; background-image: url("../images/top.gif"); margin-top: 0px; background-repeat: no-repeat; background-position: left; } #mainMenu { background-color: inherit; position:relative; margin-left: 53px; margin-top: 12px; }