Found 2 errors in main.css

Question

Hello, I am building a few sites that are pretty much the same. They have a horizontal menu followed by a Slideshow Pro swf file then some info under the swf file. For some reason items under the swf aren't lining up properly. Things look good in Firefox and Safari but don't work in Opera or IE. Not sure what is going on. I keep getting a message when I check the compatibility and it tells me that there are 2 errors in the main.css although there really isn't much that would cause this problem. I am using padding to place images in certain places. Any help would be great. The site is...
www.medigitalmedia.com/lexidupont.com
and the errors I am getting is this...
Found 2 errors in main.css
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
You will notice that the name on the site does doesn't line up properly in opera and IE
thanks for you help

Answer 1

When you see compatibility errors  - put the page through the validators instead:
You do have to errrors in the stylesheet.
1.  On the body;  you need to use a unit of measure on the padding  - you only had 25, where it should be 25px.  A 0 can be left as is.
body {
     background: #FFF url(_images/bg_wood.jpg);
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 25px 0 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
In the footer, you omitted to use a hashtag ( # ) in front of a color choice.
You have     color: a4ce39;
should be:
color: #a4ce39;
The bottom ImagesZ:
One of the bottom images is inside a div and the other is outside of a div, but was given horizontal-spacing - this won't work as you have seen.
Instead, place both images inside the div and remove the h-space;
<div id="bottomName"><img src="http://www.medigitalmedia.com/lexidupont.com/_images/name_topbottom.jpg" alt="nameTop" width="419" height="29" /><img src="http://www.medigitalmedia.com/lexidupont.com/_images/name_bottom.jpg" width="419" height="38" alt="Name" /></div>
  </div>
On my testing that now looks the same in Firefox and IE7.