http://www.lukaszkarolak.pl - take a look at top right corner (search engine).
#search is displayed as a block and static (even hard-coded) element but IE7 adds its 1px as top.
When I set position: absolute and top: 0 to #search and width of 148px to p:first-child it was OK.
What gives? I couldn’t find any description of this bug.
You’re right. Float is better than applying the IE7 hack as I did. Must change that.
If you float the input then the gap disappears (and so do whitespace bugs) and no hacks needed.
Of course you cant always float inputs but where feasible and in tight pixel critical situations it is a more robust method.
OK, I’ve found where is the problem.
IEs add 1px of margin (in IE8 firebug displayed as a offset [top]). So, solution is simple: margin: -1px