Why Are The Four Buttons Not Lining Up In IE?

So I have this page and if you look at the 4 buttons 'Take a Test Drive' 'Lease To Own Options' ext...They are not lining up with the bottom of the div in IE. In firefox it looks f

Solution 1:

You need to add vertical-align: top ..again.

.main-cont-software a {
    vertical-align: top;
}

More info:

• http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
• http://www.brunildo.org/test/inline-block.html

---

Also is there a good tool to test IE..i use firebug on firefox and it works great but I always have a tough time with IE ..any suggestions there as well

By far the best option is the built-in (to IE8+) Developer Tools (hit F12).

If you want to use them while testing in IE6/7, you must download it. Though for IE7, you can just use Compatibility Mode in IE8/9 to test.