Recently, I've been using
display: inline-block in CSS a lot. It's a very useful feature -- it allows you to have a fix-sized (e.g. 100x20px, or just fixed width / height) element that is inline, incredibly useful when doing precision design work. However! Internet Explorer 7 cannot handle
display: inline-block on an element that is natively a block element. So, for instance, if you try to use
inline-block on a
<div>, it will work fine in any browser except IE7 which will consider it
display: block. Now I'm stuck with using
<span> everywhere. Ugh.