Margin/Padding bumping div when show/hide
===

I have a div that contains a couple of radio buttons. These show/hide a textbox.

    <p>Some text</p>
    <div>
        <div>
            <input id="show" name="radioGroup" type="radio" value="1" /><label for="show">Show</label> - 
            <input id="hide" name="radioGroup" type="radio" value="0" /><label for="hide">Hide</label>
        </div>
        <div class="myTextBox">
             <input type='text'>   
        </div>
    </div>
    
    <p>Some text</p>​

When I show/hide the `.myTextBox` then the text bumps a couple of pixels. This is due to the padding & margin on the textbox.

Without removing these settings (padding/margin) is there a way to eliminate the CSS bump?

See example on jsFiddle http://jsfiddle.net/nTJZN/1/