allora... ripulendo un po' il codice del css in IE mi funziona regolarmente...

il problema è che sia in OPERA che in FIREFOX variando le altezze delle due colonne mi attacca il footer sotto alla colonna più lunga

riposto il CSS

codice:
body { background-image: url(/images/back.gif); font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; color: #000000; letter-spacing: 0.2mm; margin: 0px; text-align: center; }

div#container { width: 894px; margin: 0px auto; text-align: left; background-color: #ffffff; background-image: url(/images/backpage.gif); background-repeat: repeat-y; padding-left: 5px; padding-right: 5px; position: relative; }

div#header { width: 884px; height: 40px; background-color: #ff00ff; text-align: left; padding: 5px; margin-bottom: 3px; }
div#purple { width: 884px; height: 300px; background-color: #ff00ff; text-align: left; padding: 5px; margin-bottom: 3px; }
div#content { width: 610px; height: 400px; background-color: #ff00ff; text-align: left; float: left; dislay: inline; padding: 5px; }
div#right { width: 261px; height: 350px; background-color: #ff00ff; text-align: left; float: right; display: inline; padding: 5px; margin-left: 3px; }
div#footer { width: 884px; height: 30px; margin: 0px auto; background-color: #ffccff; text-align: center; clear: both; margin-top: 3px; padding: 5px; display: block; font-family: verdana, helvetica, sans-serif, arial; font-size: 9px; letter-spacing: 0.2mm; color: #000000; }