Creo que la estructura base sería algo así:
Código HTML:
Ver original<!DOCTYPE html>
#contenedor{ width: 532px; margin: 30px auto; background: #CCC; position: relative; padding: 20px 10px}
.userBox{border: 1px solid #CC0000; width: 418px; background: #FFF; padding:5px 34px 5px 2px }
input[type="submit"]{ width: 72px;background: #4889F1; text-align: center;color: #FFF; border: 0; cursor: pointer; padding: 5px 0}
a.boton{ display: block; width: 25px; height: 20px; background: #999; position: absolute; top: 24px; right: 89px; text-indent: -1000000px; z-index: 9999}
a.boton:hover{background: #CFBFFF}
<input class="userBox" type="text"> <input type="submit" value="B"> <a class="boton" href="">camara
</a>
eso, si no entendí mal.