I have a drop down select menu that has about 700px worth of text in each option and i need the select box to be 300px wide. So i changed the width in the CSS to fit my layout however in IE the actual portion that drops down stays 300px wide which does not allow the user to view the entire option.

Is there a way to control the width of the drop down section?

Thanks!

show the existing css,

OK, so it is an HTML select box BTW, i read the title after i posed and relized it looks likei m using a CSS drop down menu but im not. here is the select box code:

<select name="ctl00$pageContent$ddlVariationGroup103" onchange="javascript:setTimeout('__doPostBack(\'ctl00$pageContent$ddlVariationGroup103\',\'\')', 0)" id="ctl00_pageContent_ddlVariationGroup103" class="select">
							<option value="Select Filter Parts">
								Select Filter Parts
							</option><option value="2233" selected="selected">
								2 - Pressure Gauge, 1/4&quot; 81060BU
							</option><option value="2234">
								8 - Manual High Flow Air Relief Valve Assembly 98209804
							</option>
						</select>

Here is the CSS for it, super simple just tells the box to be 300px

.select {
width:300px;

Very helpful, THANKS!

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.