jquery - Position:absolute misaligns div in Internet Explorer -


position: absolute used div misaligns div in internet explorer. works in mozilla firefox , chrome. can suggest workaround?

code

http://jsbin.com/uxerus/15/edit

the solution wrap first input , hidden div in div, setting "wrapper's" position relative. position hidden div absolute including left , top css property.

for start, see http://jsbin.com/uxerus/56/edit

should like:

css:

.wrapper {     position: relative; }  div.first {     position: absolute;     top: 24px;     left: 0;     z-index: 10;     width: 298px;     border: 1px solid #000;     background: #fff; } 

html:

<div class="wrapper">     <input type="text" id="input" name="input" value="first div" />     <div id="content" class="first">         <span>option 1</span>         <span>option 2</span>         <span>option 3</span>         <span>option 4</span>     </div> </div> 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -