My webpage features a button and a footer, but I am unable to get the button to float right. Here is the code snippet:
<div style="float: right;">
<asp:Button ID="btnSubmit" OnClick="btnSubmit_Click" runat="server" Text="Save"
CssClass="button defaultbutton" />
</div>
<div style="clear:both;"></div>
I researched online and discovered it might be a known bug discussed here: Fixing IE6/7 problems when using floated elements inside of a button element
Implementing the suggested CSS did not resolve the issue.
Do you have any suggestions on resolving this problem?
Below is the CSS for the button:
display: inline;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
width: auto;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
margin-bottom: 3px;
padding: 6px 24px;
border-radius: 2px;
And here is the CSS for defaultbutton:
background: #f24537;
border: 1px solid #d02718;
text-shadow: 1px 1px 0 #810e05;