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?

Thanks!

3 answers

0
points
This was chosen as the best answer

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 <IMG>

Then, manipulate padding/margin to place it where you want it.

Answered about 7 years ago by Kevin Crawford
0
points

Excellent. I'll go give this a shot and let you know how it worked out. Thanks Kevin!

Answered about 7 years ago by Andy Johnson
0
points

Bingo. That did the trick. I really appreciate it!

Answered about 7 years ago by Andy Johnson