added anywhere appearance body browser business cards cart characters choice class code customer down drop field form help information input launching master next number page perfectly photo problem product shopping side site size stated studying tags text type url value variables width

I'm launching my new business tomorrow and I have a problem.

My product divs all lined up perfectly before I added the shopping cart code. After studying the code I've discovered that the problem is the width of the text field (instead of a drop down of variables) box where the customer can type in information.

I can't see anywhere in the form code how to change the width of the box:
<input type="hidden" name="on2" value="2nd Photo Choice"/>
<span class="body_text">2nd Photo Choice:</span><br/>
<input type="text" name="os2" maxlength="98"/>
<br/>

The URL of my problem page is: http://www.thesocmarket.com/business_cards_mailbox_series.html

The problem occurs with the vertical cards on the right hand side of the page.

Any help is appreciated. Thanks!

Hm, I'm not seeing anything obviously "wrong" with the appearance of your page, but you can change the size of the text-entry field a couple ways:

<input type="text" name="os2" maxlength="98" size="10"/>

...where the size is given as a number of characters, but this may vary from one browser to the next.

...OR...

<input type="text" name="os2" maxlength="98" style="width:100%;"/>
<input type="text" name="os2" maxlength="98" style="width:90px"/>
etc.

...where the visual size is stated with CSS code; you could also put this in your site's master CSS like so:

input.photo2 {size:90px;}

...which applies to all <input> tags with class="photo2", like this:

<input type="text" name="os2" maxlength="98" class="photo2"/>