Доброго, дождливого всем понедельника! Господа! есть вот такая штука!
Это по сути инпут! Вот ваше предположение - как это реализовать?
Я сделал вот так

<table border="0" align="center" width="1000px" cellpadding="0" cellspacing="0" id="head-table">
            <tr>
                <td valign="middle" width="300px">
                <span id="login">логин:</span><input type="text" name="login" maxlength="16" />
                </td>
            </tr>
       </table>  

И CSS конечно

#head-table td{
    text-align: center;
}

#head-table td > input[type=text]{
    border: 1px solid black;
    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px;
    background: #404040;
    width: 225px;
    height: 28px;
    text-indent: 10px;
    color: #f6d000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}

#login{
    color: #7f7f7f;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    display: inline;
    margin-right: 0px;
    background: #2d2d2d;
    padding: 5px 5px 7px 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

Проблема в том, что во всех броузерах все нормально, кроме IE! Этот упыть. делает так, он блок login привязывает к верхней границы input'a. Скрин позже будет!