I have a button within a line of text. The button is set to
float:right. In Safari and Firefox 3.5 the button stays in line with the line of text and looks good. But in IE7 and Firefox 3 the button is "pushed" down below the line of text.
In the included sample link the button in question is the "Share" social networking button.
Any tips on what to change to get it looking right in IE7 and Firefox 3?
In the markup, place the floated element above the the content you want it to be line with. Also, I would say that you might want to float the
<A> tag, rather than the
Then, manipulate padding/margin to place it where you want it.
Excellent. I'll go give this a shot and let you know how it worked out. Thanks Kevin!
Bingo. That did the trick. I really appreciate it!