[Solved] Custom Footer Module IE CSS Compatibility Issue

[Driven2a]

Hi all, wondering if anyone who's CSS handy could help me out,

I have a compatibility issue with a custom footer module which only happens in IE, I've been editing in localhost. I have tested in FF, Chrome, Opera, Safari and all of these look how it should, I know there are CSS width bugs with IE but I don't have the knowledge to fix it.

Please see attached screenshots/code.

Big thanks to anyone who can fix the code for IE ..
Also the newsletter code is for the image above the links.

#footer {padding:0;border:none}

#footernewsletter {background:#ffffff;height:128px}
#footernewsletter p {padding:15px 10px 10px;text-align:left;font-size:12px;font-weight:bold;text-transform:uppercase;color:#888;line-height:20px}
#footernewsletter span {background:url('') no-repeat 0;padding:20px 10px 15px 50px;font-size:14px;color:#eeeeee}
#footernewsletter span.warning_inline {background:none;color:#DA0F00;font-weight:bold;padding:10px;font-size:12px} 
#footernewsletter span.success_inline {background:none;color:green;font-weight:bold;padding:10px;font-size:12px} 
#footernewsletter input.button {display:inline;margin-top:2px}
#footernewsletter input.text {width:140px;height:20px;line-height:19px;border:1px solid #CCC;padding-left:0px;margin-left:20px;font-size:14px;color:#888}
#footernewsletter select {width:140px;height:22px;border:0px solid #CCC;padding-left:5px;font-size:14px;text-transform:none;color:#888}

#footercustom {border:0px solid #DDD;border-bottom:none;clear:both;height:130px;background:#FFF} /*BORDER FOR LINKS SURROUNDING AREA*/

#footerimage {float:left;margin-left:20px;margin-right:20px;margin-top:5px} /* <---secure website image*/
#footerimage img {width:170px;height:120px}
#footerimage2 {float:left;margin-left:35px;margin-right:6px;margin-top:19px} /* <-- eco website image*/
#footerimage2 img {width:120px;height:110px}

#footerlinks ul {float:left}
#footerlinks span {color:#888;font-size:15px;line-height:30px;font-weight:bold; font-family:"Trebuchet MS", Arial, verdana}
#footerlinks a {text-decoration:none;color:#333;font-size:13px;line-height:16px;font-family:"Trebuchet MS", Arial, verdana}
#footerlinks a:hover {color:#666}
#footerlinks li {list-style-type:none;background:url('../img/bullet.gif') no-repeat 2.5em 0.4em;text-align:left;padding-left:55px} 
#footerlinks #informations, #footerlinks #products, #footerlinks #company {margin-left:2px;width:190px;height:60px;margin-top:20px;border-right:1px}
#footerlinks #company {border-right:none}
#footerlinks li.infos {background:url('') no-repeat 0;padding-left:30px;padding-top:15px;margin-left:4px;margin-top:-15px;width:155px} /*position of the 3 titles - information, products and compatibility*/
#footerlinks li.prod {background:url('') no-repeat 0;padding-left:30px;padding-top:15px;margin-left:4px;margin-top:-15px;width:155px}
#footerlinks li.comp {background:url('') no-repeat 0;padding-left:30px;padding-top:15px;margin-left:4px;margin-top:-15px;width:155px}


#footereditor {padding:140px 0px 0px;background:#eeeeee;border:1px solid #DDD;border-bottom:none;} /* SPACING OF CUSTOM EDITABLE AREA*/
#footereditor a {color:#888;text-decoration:none}
#footereditor a:hover {color:#666;text-decoration:none}

EDIT - I have since fixed this problem myself. Please close thread, thanks