IE6 and IE7 CSS Help

[luresure]

I am having problems with CSS in IE6. The website is http://www.doodlestix.com/site/page/about-doodlestix . The header does not display correctly in either IE6 or IE7. The footer does not display correctly in IE6. Everything displays correctly in Mozilla. I would greatly appreciate any help. Thank You.

[TheJoshMan]

I just viewed in IE 7 and FF 3, didn't notice anything that looked out of whack. Could you be a little more specific on exactly WHAT isn't displaying correctly and how it's supposed to look?

[luresure]

My main issue is with IE6 and the footer links. They appear in a vertical list and not a horizontal list like in IE 7 or Mozilla 3.

Another issue with IE both 6 and 7 is that the email field, password field, and log in button should be horizontal and not stacked one on top of the other.

Again, thanks in advanced.

[TheJoshMan]

ah, well I unfortunately do not have IE 6 installed. So I apparently can't see those issues. I can however take a look at the form for you.

[TheJoshMan]

add this to your loginbox CSS



#loginbox p{
margin:0;
padding:0;
display:inline;
}

[luresure]

Thanks, that did fix the log-in form. Now if someone could help with the footer. I think it has something to do with display: inline but I've tested it in the following id and classes

footer_content
centerBoxes
footer_content ul
footer

They do not produce the layout seen in Firefox. This is for IE 6.

Thanks

[Medyman]

div.copyright {
clear:both
}