rrh — 2010-09-20T10:46:18-04:00 — #1
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.
rrh — 2010-09-20T13:31:05-04:00 — #2
You're right. Float is better than applying the IE7 hack as I did. Must change that.
paulob — 2010-09-20T13:03:05-04:00 — #3
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.
rrh — 2010-09-20T11:17:17-04:00 — #4
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