Modificar width de un div

[danicasas]

Tengo un menú en un div y el fondo del menú en otro. Me gustaría que tuviesen el mismo tamaño, ya que el menú varia su tamaño según el idioma.

He probado con javascript pero no hace nada.

Código:

	$(document).ready(function () {
       tamanoMenu();
    });
       
    function activarMenu(opcio) {
        $('#Mnu' + opcio).addClass("active");
    }
    
    function tamanoMenu(){
        var d = $('#menu').width();//).css('width');
        
        $('#fondomenu').width(d);//.css('width',d+'px');
        //alert (d);
    }

El css:

Código:

#fondoMenu {
	position:absolute;
	height: 40px;
	width: 724px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	opacity: .29;
	-moz-opacity: .29;
	filter:alpha(opacity=29);
	z-index:1;
	top: 45px;
	right: 100px;
	background-image: url(../images/fondoMenu.jpg);
	background-repeat: repeat-x;
}
#menu{
    float:right;
    margin-top:30px;
    position:absolute;
    top: 25px;
	right: 100px;
    z-index:10;
    }

Tengo que darle un tamaño inicial al fondo o no se muestra.
Puede que haya otro modo de hacerlo, ustedes dirán.

[Bam_Margera]

Es muy estraño... has probado con #fondoMenu{ width: 724px !important }

A mi me da la sensación de que hay otra regla que no has mostrado parte del css y hay alguna regla que interfiere, por eso al aplicarle estilos en linea (con javascript) si los pilla. prueba eso

[furoya]

Como no pones el HTML, no tenemos ni idea de por qué estas separando el "fondo" del "menú". pero si tienen que ser dos capas distintas, hay que usar JS. Y digo JS, porque eso que posteaste no es JS.

como hacer un fondo ajustable? #12