IE gives me extra padding on my cornered box

I have set up a rounded corners box using small gifs and CSS. Looks fine in
Mozilla, but in IE I get some extra padding, even though I have targeted IE
specifically and added margin:0, padding:0;

an example page is http://www.inspired-evolution.com/About_Me.php

CSS is at http://www.inspired-evolution.com/Gilbert.css

the specific CSS code I am using for the box is:

* html div#box{/*used for internet explorer*/

float:right;

width:25em;
background-color:#789;
margin:0;
position:relative;
padding:0;


}

any suggestions for dumb ole' IE?

already tried negative margins and that didn't work either!!!

I'd validate the html and css first. I tried, but I am getting such
weird errors that i cannot be sure that somehow the page I am saving
(and css) aren't somehow being corrupted.

but if you are using xml, you should be using xhtml in the page, which
means lowercase tags and attributes, always wrapping src and values in
quotes (id="")

Did you try validating?

just curious.

donna