Internet Explorer is messing up my site

I have a problem with my site when I use Internet Explorer. (big surprise)

mysite

When I use the Recipe Box buttons or the Video buttons or any of the Calculator buttons (in the info section), I loose my spacing between blocks.

If you refresh the page, the spacing comes back and everything looks normal, but I don’t want anyone to have to do that.

It works fine with Opera and FireFox.

Thanks for your help…

A little more detail…

While taking the screen shots for the attachment, I clicked F11 for full screen and the spacing went back to the way it’s supposed to be. When I hit it again the spacing stayed. Then when I used the calculator again the spacing went away again.

I don’t know why, but after removing…

          filter:alpha(opacity=55);

… it now works alright in Internet Explorer.

:wall: It doesn’t make sense to me…

Hi,

There are a lot of bugs where the alpha filter is concerned and they vary depending on version so the best advice is not to use them but instead use a transparent background png image instead. This will rule IE6 out of course (but it doesn’t look like you have any support for IE6 anyway) and I would use a solid colour for IE6.