HTML & CSS
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