So the problem was in the DHTML menu code, but after spending almost the entire day trying to fix it I just gave up. I ended up just wrapping that element in another table with two cells in one row. I placed the menu in the left cell, and a spacer image 1px wide and 44px high in the right most cell. It's not ideal, but I fixed it.

What's this?! Two consecutive posts!? Before you get excited, I'm just here to bitch about something.

Sometimes I just hate html. I've been trying to fix this problem for a couple hours, it should have been a simple thing.



Two tables on top of eachother, one is two rows, the bottom row contains a DHTML menu. The bottom table contains a few images. For whatever reason Firefox displays this fine, IE somehow colapses the top table and pushes the images in the bottom table up underneath the Menu. Like below,



So, due to Firebug not working in IE, I slap some various borders around the elements to try and see whats going on. As you can see in the code below, I've pick various colours to use (and I've showed where the borders come from)



This is how it shows in Firefox, as it should show:



And this is how the elements are showing in IE:



Please note the comepete lack of a bottom row on the top table (the one that should be coloured yellow).

For whatever reason, the menu isn't being containted by the upper table, so the table isn't being sized correctly, so the bottom table isn't sitting correctly. This is stupid. I hate IE. I'm going on lunch.