I set up this form on our website for people to select categories of what they want from us. for some reason, in Firefox it works fine, but in IE it gets all stretched out...
here is the code:

<div><div id="search_box" class="sideBoxContent centeredContent"><div style="text-align: center;">
<form name="RefineSearchForm" action="/SearchResults.asp" method="get" type="hidden">
	<h2 style="font-family: Arial Black; text-decoration: underline; color: rgb(0, 0, 205);"><span style="font-size: 12pt;">Search By Category Here:</span></h2>
                       <input name="Extensive_Search" value="Y" type="hidden">
            <input id="search_field" name="Search" value="" type="text"><br>  	
           <select name="cat" onchange="" class="findnavb">
                <option value="246">Search Category</option>
                <option value="217">Baskets</option>
                <option value="221">Beverages</option>
                 <option value="216">Bottles</option>
                 <option value="202">Boullion</option>
                 <option value="197">Bowls</option>
                 <option value="220">Caddies</option>
                 <option value="239">Covers</option>
                 <option value="241">Choppers</option>
                 <option value="213">Crocks</option>
                 <option value="203">Cups</option>
                 <option value="192">Dishes</option>
                 <option value="237">Dishers</option>
                 <option value="222">Drinkware</option>
                 <option value="236">Forks</option>
                 <option value="224">High                Chairs</option>
                 <option value="214">Insert Pans</option>
                 <option value="211">Jars</option>
                 <option value="240">Kettles</option>
                 <option value="235">Knives</option>
                 <option value="208">Ladles</option>
                 <option value="209">Lids</option>
                 <option value="195">Mugs</option>
                 <option value="251">Pans</option>
                 <option value="244">Pastry Utensils</option>
                 <option value="212">Pedestals</option>
                 <option value="210">Pitchers</option>
                 <option value="207">Plate                Covers</option>
                 <option value="193">Plates</option>
                 <option value="199">Platters</option>
                 <option value="238">Racks</option>
                 <option value="205">Ramekins</option>
                 <option value="204">Saucers</option>
                 <option value="243">Servers</option>
                 <option value="242">Shakers</option>
                 <option value="223">Skillets</option>
                 <option value="206">Spatulas</option>
                 <option value="200">Spoons</option>
                 <option value="215">Tile                Pans</option>
                 <option value="219">Tongs</option>
                 <option value="218">Tray                Stands</option>
                <option value="201">Trays</option>
                <option value="196">Tumblers</option>
                <option value="198">Turners</option>
                       </select><br>
           <select name="RefineBy_Manufacturer" onchange="" class="findnavr">
                <option value="">Search Manufacturer</option>
                <option value="Adcraft">Adcraft</option>
                <option value="CAC China">CAC China</option>
                 <option value="Cambro">Cambro</option>
                 <option value="Dexter Russel">Dexter Russel</option>
                 <option value="G.E.T.">G.E.T.</option>
                 <option value="Kosher Cook">Kosher Cook</option>
                 <option value="Vollrath">Vollrath</option>
            </select>
                       <br><input id="search_button" name="Search" src="/Config_ImagesFolder/buttons/btn_go.gif" border="0" type="image">  
	                             </form></div>		            
              </div></div>

here is the code in action on the left side of our page: http://www.kcrestaurantsupply.com

does anyone have any idea on how i can fix this?

~Neal

it's working IE also fine

please check it ...

it's working IE also fine

please check it ...

which IE are you using, it seems that it is the most messed up in IE 7 and IE 8

which IE are you using, it seems that it is the most messed up in IE 7 and IE 8

Here i'm using IE verison 7.0

Here i'm using IE verison 7.0

did you see how it looks messed up on my site?

somehow it works fine on its own, but it messed up in the right side bar of the site

You can style your form elements in CSS. Perhaps your browser has different default settings than others, or perhaps you have a larger default text size.

The only semi-guaranteed way to ensure that things display correctly is to use a CSS styling of the element.

If you don't want to style them, you can define how many characters are to show in each list. That would be HTML markup.

Hi maniator,
It's working, there is no problem in your coding. Whatever, you can also check it in Mozilla Firefox. Overall your coding is right.

All the best!

Richard
<URL SNIPPED>

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.