I'll spend some time with the css files and see what I can find. There are others that are using web2py with jqgrid so I can't be alone on this issue.

Thank you for your help! I'll post if/when I figure it out.

Of course you could also pull out the web2py.css entirely if it is not included in the page.  Having such a generic selector in that file is likely going to cause problems elsewhere as well. Its possible that there are some styles in that stylesheet which are affecting other elements like the dropdown you mentioned in your original post.   If you comment out that stylesheet does everything look as expected ?

Some background... I'm using jqgrid with web2py.

From what I can tell it looks like web2py.css may be modifying it (see screen shot) If you agree the next question would be how to resolve this issue.

Otherwise, its a little hard to explain.  You basically right click the element you want to look at (such as the paging box) and say Inspect Element.  Then you should be able to see the stylesheets that are applied to the element in the development console. Try to figure out which stylesheet is affecting the paging box to stretch it so wide. 

You can also make sure the element itself hasn't been modified. For example, the box should have html attributes like this

so the text box should have size=2.  You can look at the computed styles to see if there is anything which is modifying the width of the element. 

While I do use Firebug I've never used in the way you are suggesting. Can you walk me through the steps to see css interactions?

Thanks.

Is there an example available for us to see of this behavior ?

Is this something that I've done incorrectly or is this a jqgrid issue?

Thanks.

Perhaps this is an issue where jqgrid can't find the correct icon and chooses something else which screws up the formatting?

Thanks.