I'm having some problems with the "Edit in Place" (EIP) buttons with a tableless container in Firefox.  Everything works correctly in IE7 and IE6.  However, in Firefox, the EIP buttons are rendered at the incorrect vertical position (perhaps 400-600 pixels above the correct location).  The horizontal position seems correct.  I'm thinking this is an issue in the source.  Can anyone confirm my findings? 

I just read a tutorial for building a tableless skin at http://www.powerhousedata.com/ and their downloadable sample exhibits the same problems.  Their code is much cleaner than my current working mess.

Sample tabless skin and container to reproduce problem:
http://www.powerhousedata.com/Tutorials/CSS/CSS22/tabid/94/Default.aspx

Any advice on how to handle this issue would be appreciated.

I can confirm this.

Both that the there is a problem with vertical positioning of these EIP buttons in tableless skins and that it is somehow related to CSS floating.

Removing all float: left from my skin is kinda not an option, and I'm sure I'm not the only one .

I don't have nearly enough insight to analyze the problem. I hope someone else picks up the ball on this one.

\tom

Thanks for looking at this Jon.  I can confirm that you solution does solve the problem in Firefox.  However it does affect the layout of the page.  I will try the clear:both suggestion as well to see if that will have any benefit.