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.