Basics - When setting a div in line, float too?

This may be a quick answer for one:

I typically use display: inline-block; to set a list of divs horizontally. But I noticed in IE7 it's a no go, the only way around it is using float: left; but I lose that relativity position, causing everything else afterwards to push upwards as if it were literally floating on top. So how can I a achieve the same display: inline-block;, so it doesn't "float" and works in IE7 and all the moder开发者_JAVA百科n day goodness.

Thanks,

Try the techniques in this article. It may be more than you need for this particular application, but it should work:

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/