Question: I use jquery mobile to generate my buttons and I have a CSS code below to change its design but no matter what value i put in width and height the size of the button doesn't change, but it is relatively dependent on the font size of the label. How can I change this so I can change the button size irregardless of the font size of the label?

```
$("#ui-1").css({'position':'absolute','left':'27.0px','top':'51.0px','width':'120.0px','height':'30.0px',});
$("#ui-1 .ui-btn-text").css({'font-family':'"Calibri","Arial","Sans Serif"','font-size':'0.75em','color':'black','text-align':'left','wordwrap':'normal','text-shadow':'1px 1px 1px #FFFFFF'});

```

Answer: 
Made a small test for you, maybe it will help to start you off

<http://jsfiddle.net/3EgrW/1/>

just a input button and a little css

**Updated**

Added a example with JQuery 1.6.2 working fine aswell

<http://jsfiddle.net/3EgrW/2/>
The button *might* be an `inline` element. Make it an `inline-block`:

```
display: inline-block;

```