I'm trying to get the header image to display corectly in IE. Fx it is correct. It has transparent edges in Fx but in IE it's all boxed out and no transparency. If I set it to absolute it's ok but won't move with the page when resized. Ideas? I included the same image under the banner on the right to show it's transparent. http://dlis.dos.state.fl.us/_dev/ken/dos/test.cfm
It's not the image. Something in the layout is causing the image not to show up. Is the big bottom margin pushing it off the viewable part of the page? (margin: 1px 0 -250px 5px) Also, your tabs right below the header are not displaying inline in IE. inline-block is CSS2 and is not supported by any Internet explorer browser that I know of. You should be fine with either block or inline, but not inline-block.
Not sure if you have tried the site in IE7 but it seems to be all over the place. Firefox seems to look ok
That's what I'm using as well. There are so many IE specific tags in the css file. I would remove them all, and then adjust as necessary.
Haven't tried it in IE7 b/c we can't have it at work. what a PITA it is designing for the most widely used browser and I can't even test it at work. Rediculous.