problem with pages looking different in firefox to IE

[shel38]

I have created a div which sits on the right hand side. I have created two different size ones as one of my html pages has a lot more content on it. here are in the divs in CSS:
Code:
#picstrip{
width:200px;
height:740px;
padding: 10px 10px 20px 10px;
background-color:#8d6cd1;
z-index:999999;
float:right;
}

#picstrip2{
width:200px;
height:1270px;
padding: 10px 10px 20px 10px;
background-color:#8d6cd1;
z-index:999999;
float:right;
}I want these divs to be touching the footer i have created:

Code:
#footer{
background-color:#2ba475;
width:800px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

table.foot{
text-align:center;
}I am currently able to make it work it just one of the web browsers at a time. The div seems to be shorter in size in IE. is there any way round this problem?

i have also only just relised that my drop down menu doesnt work in firefox! please can someone have a look at it for me. you can view the site at: http://194.80.240.200/websitepublishing/mmoodyweb/

I will be so greatful for any help.
Thank You

[KDLA]

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2F194.80.240.200%2Fwebsitepublishing%2Fmmoodyweb%2F