Issues with IE and Firefox

[xlokix]

Here is a link to the work i'm currently working with:

http://www.electronics-expo.com/make-a-store/static/sonypromo/1.html

I tired to keep the design of the page fairly simple, using just DIV's and CSS, but for some reason it opens up all misaligned in IE and opens perfectly in Firefox.
Any suggestions/advice would be most appreciated.

[Kor]

You gave you div the id="footer", and upon the CSS specification, that div should have 600px width. IE conforms to that, but as the space is not enough, IE has pushed down that div.

[xlokix]

so would you suggest i reduce the size of page? or should i just nut specify i width for the footer?

[Kor]

change the width in CSS #footer

[xlokix]

when i reduce it to anything other than 600 it shifts everything out of place. When it is left as 600 it looks as it should. i understand that the the body + footer should = 600px but when i make the footer 350 px is shifts everything down kind of like how it looks when you open the page in IE. should i do somthing like this:

<div id=container>----set to 600
<div id=body></div>------set to 250px
<div id=footer></div>------set to 350px
</div>

Right now the body and the footer are not in a container .

[Kor]

both divs should have float:left. The div behind should clear the float with clear:left

[xlokix]

Thanks in my editor that looks good. I need to upload it and check it out in IE, unfortunately i only have access to safari and FF since im on a mac. Ill let you know if that works. Also, i'm pretty new to coding, but what is the purpose of the clear function?

Again Thanks for you help!

[xlokix]

Still doing the same thing in IE6 have any suggestions?

Here is the most updated link:
http://www.electronics-expo.com/make-a-store/static/sonypromo/1.html