mi era capitato spesso è volentieri che una pagina su ie si vedeva benissimo, ma su mozilla spuntavano delle imperfezioni, ma il contrario mai...
codice:<html> <head> <style type="text/css"> .hd {font-family: Arial Black; color: #000000;font-size:12} .hgt {font-family: Tahoma; color:#FFCC66;font-size:11;text-decoration : none;} .msg {font-family: Tahoma; color:#FFFFFF;font-size:11; text-decoration : none;} .sys {font-family: Tahoma; color:#FF8888;font-size:11; text-decoration : none;} .field {font-family: Tahoma;color: #FFEE99;font-size: 12;text-decoration:inherit;border: 1px solid #FFFFFF;background-color: #000000} .field2 {font-family: Tahoma;color: #FFFFFF;font-size: 12;text-decoration:inherit;border: 1px solid #FFFFFF;background-color: #000000} a.li { text-decoration : none; color:#FFCC66;} a { text-decoration : underline; color:#FFCC66;} hr { border: 1px solid #FFCC66;} </style> <script language="javascript"> function initiate() { document.chat.document.write("<html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"../../chat.css\"></head><body bgcolor=\"black\">"); } </script> </head> <body color="#000000"> <script language="javascript">initiate();</script> <iframe width="100%" height="70%" frameborder="0" name="chat"></iframe> <form action="" name="invia" target="reload" method="POST"> <table border="0" width="100%"> <tr> <td rowspan="2" width="10%"><select name="dest[]" class="field" size="5" multiple> <optgroup label="Scegli destinatario" style="color: #FFFFFF;"> <option value="11">...</option><option value="10">...</option></optgroup></select></td> <td><input type="text" name="msg" class="field" size="25"/></td></tr> <tr align="center"> <td><input type="submit" value="Invia" class="field" size="25"/></td> </tr> </table> </form> <iframe height="1" frameborder="1" name="reload" style=" visibility: Hidden;"></iframe> </body></html>
questo codice si vede bene su mozilla, ma su IE si vede con lo sfondo bianco...why???