html - jquery css cannot set the height -

i have small issue in webpage. issue coming in firefox. issue is: there big gap between footer , above content, height set other js, trying set height this:

    <style>      .importantrule { height: 5320px !important; }     </style>     <script>     $(function(){       $('#nimble_portfolio_grid_1').addclass('importantrule');        });     </script> 

this link page: http://www.blanke-kreation.de/neu/referenzen/ see, bottom distance footer large. why jquery not setting height?

please find bug

thanks lot

something on page conflicting jquery. using $ problem in case.

try instead...

(function($) {     $(function(){         $('#nimble_portfolio_grid_1').addclass('importantrule');       }); })(jquery); 

that run whatever code inside enclosure jquery passed in $ parameter , solved problem.

alternatively, if you're not adding more code, change $ jquery this...

jquery(function(){     jquery('#nimble_portfolio_grid_1').addclass('importantrule');   }); 

finally, best thing use css correctly , specify element id...

<style>     #nimble_portfolio_grid_1 { height: 5320px !important; } </style>