Question

I’m using “Chosen” special input box for the “Project Type” input box on my form.

You can view here http://harvesthq.github.com/chosen/

Here’s my page below. You’ll notice name, email, phone etc are all standard input boxes… but when you get to project type it all works perfectly but when you click ON one of the selections.. it still works fine. Look very closely when you click OFF the input box after you delete one of the options that you choose (off to the right of the page for instance to lose focus), and youll see everything below it including the footer.. input boxes below it.. submit button etc all shift 1px. Just play with it for a minute if that wasnt a good explanation and you’ll see it shifting

I can’t figure how what property this is.. the only thing I changed was padding: 5px to padding 6px on the input inside the div so it would match the rest of the input boxes..

http://eastcoastefx.vaesite.com/contact

Answer 1

I’ve tested this in chrome only.

your div id="sel1DT_chzn" grows by 1 pixel when something is selected.

set its height to 33px

<div id="sel1DT_chzn" class="chzn-container  chzn-container-multi" 
    style="width: 348px; height:  33px;"> ....