Buenas, ¿qué tal?

Bueno, mi problema es que tengo un desplegable al que mediante css se le asigna un width de 175px, pero alguno de sus elementos ocupa un ancho mayor de eso y no se ve del todo bien porque el combo está hacia la parte derecha de la web.

El combo tiene que ir ahí, por temas de diseño... y además me piden que deje un pequeño espacio en blanco por la derecha y la izquierda de sus elementos.

he añadido a mi css esto:

option {
	margin-left:10px;
	padding-right:10px;
}

y también:

.miClase{
	margin-left:10px;
	padding-right:10px;
}

Y así intento usar la clase:

<option class="miClase" value="http://www.tecnipublicaciones.com/aral/default.asp">Alimentación | No Alimentación | Distribución</option>

Cuando uso lo otro, es lo mismo pero sin la clase, así para todos los option...
y el único explorador que me lo aplica es firefox...

¿alguna idea?
Gracias.

Gracias.

Eso tampoco funciona. Al final he acabado haciendo algo muy cutre, meter  ... XD

El CSS y el HTML son bastante largos... pero por la consola de IE, Chrome y Firefox veo que sí está cogiendo los estilos bien, pero solo los aplica Firefox...

Un saludo.

PD: El CSS lo dejo ahí abajo, en el HTML no se define ningún estilo:

/******************************************  
 
 CUSTOM STYLESHEET
 
*******************************************/
 
 
 
/*
 
* You can place your custom CSS statements in this file, after this message.
 
* It is better to write everything custom here
 
* because this file won't be replaced during updates.
 
* 
 
* Simply copy an existing style from style.css to this file, 
 
* and modify it to your liking.
 
*/
option {
	max-width:175px !important;
	min-width:175px !important;
	width:175px !important;
	margin:0px 0px 0px 10px;
	padding: 0px 10px 0px 0px;
}
 
.busca{
	font-size: 20px;
	font-family: Tahoma;
	font-weight: bold;
}
 
 
 
/**** ESTILOS CAMBIADOS ****/
 
* {
	margin: 0;
	padding: 0;
	/*font-size: inherit;*/
	font-family: Tahoma;
}
 
#header #fondo{
	margin: -19px 0px -28px;
	float: left;
	position: relative;
	height: 105px;
	width: 980px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background-image: url('images/fnd_log.png');
}
 
 
 
#header #logo {
	margin:15px;
	float:left;
	position:relative;
}
 
#featured .rounded li h2 a { font-size: 16px; color:#005689; line-height: 15px; font-family: Georgia;}
 
#featured .rounded li h2 i { font-size: 14px; }
 
#featured .rounded li h2 u { font-size: 14px; }
 
#featured .rounded .slide h2 a { font-size: 22px; color:#005689; font-family: Georgia; width: 320px; margin-right: 5px;}
 
.slide p { font-size: 11px; }
 
ul.tabs li.active a, ul.tabs li.active a:hover { font-size: 14px; }
 
ul.tabs li a, ul.tabs li a:hover { font-size: 14px; }
 
 
.archiveposts .rounded h2 a { font-size: 18px; line-height:20px;}
 
.archiveposts .rounded h2 i { font-size: 18px; }
 
.archiveposts .rounded h2 u { font-size: 18px; }
 
.archiveposts .post h2 a, #featured h2 a, .post h1 a {color:#005689; font-family: Georgia;}
 
 
.post .entry p { font-size: 13px; line-height: 16px;}
 
 
.tab_content li a { font-weight: bold; font-size: 1.2em; color:#005689; font-family: Georgia;}
 
.tab_content li .meta a { font-weight: normal; font-size: 10px; color: #27A0C6; font-family: Tahoma;}
 
 
.tab_content { padding: 15px; font-size: 0.2em; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
 
 
/*Inicio estilos noticias ON-WAYS, SL 2011*/
 
#featured .meta, .archiveposts .meta { margin: 2px 0 10px; font-size: 11px; color: #A9A9A9; width: 515px; float: right;}
 
#featured .meta a, .archiveposts .meta a {text-decoration: underline; color: #27A0C6;}
 
 
 
#featured .mslide, .archiveposts .meta { margin: 2px 0 10px; width: 315px; font-size: 11px; color: #A9A9A9; }
 
#featured .mslide a, .archiveposts .meta a{ text-decoration: underline; color: #27A0C6;}
 
#featured .slide h2 { line-height: 27px; display: inline; margin: 5px 0 0;}
 
.slide { float: left; width: 625px; overflow: hidden; border-bottom: 1px solid #EFEFEF;}
 
.slide p { font-size: 13px; line-height: 16px; width: auto;}
 
 
 
#featured img { margin-bottom: 11px;}
 
/*.slide img {float: right;}*/
 
 
 
#featured .headings h2 { font-size: 18px; line-height: 20px; display: inline; margin: 0 0 0; width: 515px; float: right;}
 
.headings { width: 625px; }
 
.headings p { font-size: 13px; line-height: 16px; width: 515px; float: right;}
 
.headings img { float: left; margin-top: 5px;}
 
.headings li { border-bottom: 1px solid #EFEFEF; padding: 7px 0 0 0; float: left; width: 100%; clear: both; list-style-type: none; }
 
.headings li:last-child { border-bottom: none; }
 
 
.archiveposts .post .fecha {color:#27A0C6;} 
 
/*Fin estilos noticias ON-WAYS, SL 2011*/
 
#footer_wrap #pie { 
	margin: 0 auto;
	width: 940px; 
	padding-top:10px;
	text-align:left; 
	height:175px;
}
 
#footer_wrap #link{
	width: 703px; 
	float: right;
	height:90px;
	position: relative;
	margin-top: -60px;
}
 
#footer_wrap #grup1{
	 float: left;
	 width: 153px;
	 font-size:10px;
	 color:#b7b7b7;
}
 
#footer_wrap #grup2{
	 float: left;
	 width: 172px;
	 font-size:10px;
	 color:#b7b7b7; 
}
 
#footer_wrap #grup3{
 	 float: left;
	 width: 175px;
	 font-size:10px;
	 color:#b7b7b7;
}
 
 
 
#carousel { width: 650px; position: relative; float: left; background: #fff url(images/bg_topbar.png) repeat-x bottom; margin: 0 0 20px; padding: 10px 0 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-bottom: 1px solid #d7d7d7; line-height: 1.1; height: 85px; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
 
#carousel li a { color: #27a0c6; font-size: 11px; font-weight: normal; color:black; font-family: Georgia;}
 
#carousel li { 
	padding-right: 1px;
	margin-left: 7px;
	margin-right: 3px;
	height: 70px;
	border-right: 1px #d7d7d7 solid;
}
 
 
 
#pixel{
	border-bottom: 3px solid #EEE; 
	padding-top: 7px; 
	padding-bottom: 7px;
}
 
/* Links */
a { color: #00A0C6; text-decoration: none; font-size: inherit;}
 
html ul.tabs li.active, html ul.tabs li.active a:hover {
	font-size: 14px;
}
 
/*Pestañas de categorias*/
 
ul.tabs li a { text-decoration: none; color: #555555; display: block; font-size: 1.2em; padding: 0 6px; outline: none; font-size: 14px; }
 
 
 
#sidebar .widget {
	margin: 0 0 10px;
}
 
 
#sidebar .widget_adrotate_widgets {
	background: transparent;
	margin: 0 0 0 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 0;
	text-align: center;
}
 
 
 
.widget_adrotate_widgets .padder {
	padding: 0px;
	margin: 0 5px 0 7px;
	width: 100%;
}
 
.post .entry {
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 1.2;
	margin-top: 10px;
}
 
.post h1 a{
	float:left;
	font-size: 30px;
	line-height: 30px;
	font-weight:normal;
	width: 100%;
	clear: both;
	font-size: 30px;
	margin-bottom: 10px;
}
 
 
 
.after-meta .share_box {
	float: right;
	display: inline;
	margin-top: 20px;
}
 
 
 
input[type="text"],
 
input[type="password"] {
	height:21px;
}
 
 
 
input[type="submit"],
 
input[type="reset"] {
	width:74px;
	border:1px solid #aeb2ba;
	background:#f2f2f3 url(images/input.gr.png) repeat-x 0 -49px;
	color:#6a6a6a;
	font-weight:bold;
	font-size:12px;
	padding:4px 0;
	height:28px;
	vertical-align:middle;
	cursor:pointer;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow:0 0 1px #e1e2e1;
	-webkit-box-shadow:0 0 1px #d1d2d1;
	-moz-box-shadow:0 0 1px #e1e2e1;
}
 
@-moz-document url-prefix() {
	input[type="submit"],
	input[type="reset"] {
		padding-top:0;
	}
	input[type="text"],
 
	input[type="password"] {
		padding-top:3px;
		padding-bottom:3px;
	}

Vale, no sabía eso.... Muchas gracias WHK.

Viendo lo visto, lo dejaré cutre con los   xD aunque sí, la otra opción que se me ocurrió fue hacer una especie de menú desplegable a base de divs, pero para una cosa tan sencilla es perder mucho tiempo, creo.

Gracias a los dos.

Sí, ese ejemplo ya lo había visto, pero no he sido capaz de hacer q no me desplace una capa q ponga a continuación y como me vale con lo otro lo dejé así...


Gracias!