Почему поля моего блока перекрываются и как это исправить?

 .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; высота: 1 пикс; padding-top: 60 пикселей; переполнение: скрыто; } #header .social .twit {width: 64px; высота: 1 пикс; padding-top: 60 пикселей; overflow: hidden;} #header .contact {margin: 20px 70px 20px 0; размер шрифта: 14 пикселей; font-weight: bold;} #header .contact span {color: #FFFFFF;} #header .search {margin: 10px 0 0;} 

 
 
     
  
 Свяжитесь с нами:  +44 10012 12345  
  
 
 
 
   
 Я хочу клонировать ввод  в HTML с помощью JQuery. 

Я не знаю, как это сделать, поэтому решил спросить здесь. 

 Особенно меня интересует, как лучше всего записать это обратно в документ. 

 Мой элемент select выглядит так: 


    Opt 1
    Opt 2
    Opt 3



 Спасибо.