H1 tag margin not working in IE?

[dpinion]

I am using the following <h1> tag:

<div style="background-color:#FFFFFF; width:750px">
<?php include 'head_top.php';?>
 <input type="submit" name="button" id="button" value="Search" style="float:right; margin-right:1em"/>
 <input name="search" type="text" value="search" size="20" style="float:right; margin-right:1em" />
 <br />
<h1>Rackmount, Panelmount and Stand Alone Industrial Computer Systems, Chassis and Single Board Computers</h1>
<br />
<?php include 'nav.php';?>
</div>

And here is the CSS:

H1
{
font-family:Arial, Helvetica, sans-serif;
font-size:.80em;
font-weight:bold;
display:inline;
white-space:nowrap;
margin:0 0 0 2em; 
padding:0;
}

The H1 shows fine in FF, with the text being pushed a bit to the right. In IE, however, the text is still aligned with the left side of the container <div> tag. Is there a site anyone would recommend that describes common issues with IE and solutions to them?

Thanks

[dpinion]

Actually I got it figured out *I think*. Based off another post in this site I added margins and padding to my h1 (block-level elements should have them set, yes?) I added a small top margin, which pushed it down a little, but then it placed it correctly horizontally, so I am assuming the <h1> was wrapping somehow? Not sure.