Element chopped off on IE8 only - any takers?

Question

My site http://bit.ly/aokA4I has a search bar on the top right.

You can see it on IE7, FF, Chrome, Safari -- but not on IE8. It gets chopped off.

BTW if you happen to see it on IE8 just refresh the page and it will chop.

If I run IE8 on compatibility mode the search bar becomes visible.

Any ideas how to solve this?

Thanks!!

Answer 1

It's because IE8 is interpreting the nature of its parent container: header_widget_1. The sizing or formatting of this element is causing the <li> element to be clipped prematurely. If you have Google Chrome, you can right click the sidebar element you're asking about and choose "Inspect Element". This will show you what the elements are doing.

Edit: You also have a sizable horizontal scrollbar in IE7.

Edit 2:
You might try altering the height of your #header element to be the height you want. Since height is not expressed in the sidebar class, this may also be contributing to the problem.