Aver expertos, una duda con input

[alexk]

wow pues ni idea... la verda... pero se ve interesante aver si miro como hacerlo pero de otro modo...
---------------------------------------------------------
pues solo encontre la manera de hacerlo con divs... aver si te sirve chao!...
PD: solo cogi el codigo que me sirvio asi que le falta el css de las tablas y el :focus etc...

Código CSS:

*{margin:0;padding:0;}
body{background:#000;color:#DDD;font: 16px/18px helvetica, arial, sans-serif bold;overflow:hidden;padding:10px;}
#frame{position:absolute;top:10px;bottom:120px;left:10px;right:10px;border:2px solid #555;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.contenido{bottom:10px;left:10px;overflow:hidden;position:absolute;right:10px;}
.coment_txt{margin:10px 10px 10px 0;}
#comment{border:1px solid #EEE;background:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:20px;display:block;padding:2px 4px;font-size:16px;width:100%;}
.inp_btn{float:right;width:100px;}
.inp_txt{margin-right:100px;padding-right:10px;}
#nickname{border:1px solid #777;background:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:2px 0;width:100%;}
#submit{border: 2px solid #777;font-weight:bold;background:#888;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:100px;}
 

Código HTML:

<div id="frame"><iframe src="http://e-music-de.webcindario.com/chat/chat.php" frameborder="no" width="100%" height="100%"></iframe></div>
<div class="contenido">
    <table>
        <tbody>
            <tr>
                <td><a class="width_auto" href="javascript:zumbido(3);" title="Zumbido" style="font-weight:bold;">((zumbido))</a></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e1.gif" alt="" onclick="javascript:emoticon('(H)');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e2.gif" alt="" onclick="javascript:emoticon(':S');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e3.gif" alt="" onclick="javascript:emoticon(':\'(');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e4.gif" alt="" onclick="javascript:emoticon(':|');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e5.gif" alt="" onclick="javascript:emoticon(':(');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e6.gif" alt="" onclick="javascript:emoticon(':)');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e7.gif" alt="" onclick="javascript:emoticon(':D');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e8.gif" alt="" onclick="javascript:emoticon(':O');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e9.gif" alt="" onclick="javascript:emoticon(':P');" /></td>
                <td><img src="http://e-music-de.webcindario.com/chat/emoticons/e10.gif" alt="" onclick="javascript:emoticon(';)');" /></td>
            </tr>
        </tbody>
    </table>
    <form name="form_chat" active="#" method="post">
        <div class="coment_txt"><input id="comment" type="text" name="msj" value="" /></div>
        <div class="inp_btn">
            <input id="submit" type="submit" value="Enviar" />
        </div>
        <div class="inp_txt">
            <input id="nickname" type="text" name="name" value="[email protected]" onclick="javascript:document.form_chat.name.focus();document.form_chat.name.select();" />
        </div>
    </form>
</div>