float: right with margin-right IE problem

[neridaj]

Hello,

I have a right floated div containing a form element(button) with a margin right of 100px. This, of course, is not displaying properly in Win IE6. I'm sure this is an easy fix but I don't know what that is, if you do please let me know.

Here is my CSS:


#subscribe
{
float: right;
width: 85px;
margin: 10px 100px 0px 0px;
border: 1px solid red;
}

Here is my HTML:


<div id="subscribe">
<form action="subscribe.php" method="post" accept-charset="utf-8">
<input type="submit" value="Subscribe">
</form>
</div>


Thanks,

Jason

[Centauri]

#subscribe
{
float: right;
width: 85px;
margin: 10px 100px 0px 0px;
border: 1px solid red;
display: inline;
}

[WebJoel]

#subscribe
{
float: right;
width: 85px;
margin: 10px 100px 0px 0px;
border: 1px solid red;
display: inline;
} ARRRK! -I tried that last night and I couldn't get it work, so didn't post. :(

In my template when I remove the <!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->, it DID work but I thought this was a fluke. This conditional is supposed to make lt IE7 work more 'compliantly'. -Why would using the above conditional for less-than IE8 cause this to not work? :confused: