slideToggle in IE8 RC1 behaving oddly

slideToggle in IE8 RC1 behaving oddly

Hello all. I recently designed and built a portfolio site for myself having learned some basic html and css. I had an idea of how I wanted the page to function and after Googling I discovered it could be done with javascript & jQuery.

Yesterday I managed to successfully get slideToggle working in my website thanks to an excellent guide. I tested my site in IE7, FF3 and Safari and whilst there were a few minor annoyances in each of the different browsers, I was able to fix them by trial and error so it looked the same in each of them (unfortunately IE6 it looks a mess!)

Today I downloaded IE8 RC1 and viewed my webpage and the slideToggles that were working fine are now are messed up. It's hard to explain but when closing a toggle all the divs overlap each other. You would probably have to see the site in IE8 to know what I mean but turning on 'compatibility mode' solves the problem, however I would love to be able to correct the code so that function doesn't have to be used.

My portfolio can be viewed at http://www.bantros.net. Any help, advice or explanation would be appreciated, thanks