height: auto on container

Hi There,

Is there anyway to overwrite the height: auto on the main container. I'm using a fullscreen plugin that requires every parent to have a height of 100%;

I've tried adding a class that sets the height but it's inconsistent and flickery as hell on all browsers.

      onStart: {
          duration: 400,
          render: function (url, $container) {
            $('#main').addClass('move-out set-height');

            content.toggleAnimationClass('is-exiting');
            // Scroll user to the top
            $body.animate({
              scrollTop: 0
            });
          }
        },

  onEnd : {
          duration: 0,
          render: function (url, $container, $content) {
           $('#main').removeClass('move-out');
            $body.css('cursor', 'auto');
            $body.find('a').css('cursor', 'auto');
            $container.html($content);

Is there anyway to overwrite this? thanks ^_^