Форумы портала PHP.SU :: Каретка вне поля ввода.

Всем привет, проблема следующая:
Делал тень табличке, что успешно организовал 2мя(для новых и старых браузеров) способами, а собственно через “box-shadow” для новых и filter`ом для старых, способ для старого IE :

CODE (htmlphp):
скопировать код в буфер обмена

    .tien-box{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #ADB1B6;
                        -webkit-box-shadow: 0px 0px 15px  #222;
                        -moz-box-shadow: 0px 0px 55px #222;
                        box-shadow: 0px 0px 15px #222;
                
        
                filter:
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=45,  Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=135, Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=225, Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=315, Strength=6);
                 position: relative;
                 top: -12px;
                 left: -12px;
                 zoom: 1; 
    } 

CODE (htmlphp):
скопировать код в буфер обмена

 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Description" content="Тематика сайта" />
    <meta name="Keywords" content="Ключивые слова" />
    <title>Введите ID</title>
    <script type="text/javascript" src="... JS-LIB/FW/PLUGIN ..."></script>
    <link rel="stylesheet" type="text/css" href="... CSS ..." />
<style>
    .r1, .r2, .r3 {
    display: block;
    height: 1px;
    }
    .r1, .r2, .r3 {
    overflow: hidden; 
    font-size:1px;
    }
    
    .r3 { margin: 0 3px; }
    .r2 { margin: 0 2px; }
    .r1 { margin: 0 1px; }
    
    #rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #F7F4F0;
    }
    
    .inner-box {
    padding:1em;
    }
    
    .tien-box{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: #ADB1B6;
                        -webkit-box-shadow: 0px 0px 15px  #222;
                        -moz-box-shadow: 0px 0px 55px #222;
                        box-shadow: 0px 0px 15px #222;
                
        
                filter:
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=45,  Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=135, Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=225, Strength=6)
                 progid:DXImageTransform.Microsoft.Shadow(color='#898C8F', Direction=315, Strength=6);
                 position: relative;
                 top: -12px;
                 left: -12px;
                 zoom: 1; 
    }
label
 {
 width: 4em;
 float: left;
 text-align: right;
 margin-right: 0.5em;
 display: block
 }
 input
 {
      font-size: 12px;
      font-family: Tahoma, sans-serif;
 color: #000;
 background: #fff;
 border: 1px solid #C0CAD5;
 margin-bottom: 5mm;
 }
 fieldset
 {
 border: 1px solid #A0A8C1;
 width: 15em
 }
 
 legend
 {
     font-size: 11px;
     font-family: Tahoma, sans-serif;
     font-weight: bold;
 margin-left: 0.5em;
 color: #fff;
 background: #496C94;
 border: 1px solid #000;
 padding: 2px 6px
 }
</style>
</head>
<body bgcolor="E1E7ED">
<table border="0" width="100%" id="table1" height="100%" cellpadding="0" cellspacing="0" >
    <tr>
        <td>
        <table border="0" id="table2" align=center cellpadding="0" cellspacing="0">
            <tr>
                <td>
                <div id="rounded-box-3">
                <div class="tien-box">
                <b class="r3"></b><b class="r1"></b><b class="r1"></b>
                <div class="inner-box">
                <table id="table3" align="center" border="0" bgcolor="#F7F4F0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                        <form method="get" action="#">
                        <fieldset>
                        <legend>Введите ID:</legend><br>
                        <div align="center"><input id="tut" type="text" name="ip" size="20"></input><script type="text/javascript"><!--
                        var elem = document.getElementById('tut');
                        if (elem) {
                        elem.focus();
                        }
                        // --></script></div>
                        </fieldset>
                        </form>
                        </td>
                    </tr>
                    </table>
                </div>
                <b class="r1"></b><b class="r1"></b><b class="r3"></b>
                </div></div>
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table> 
</body>
</html>
 