CSS problems with tablesorter/jquery

[webcaesar]

Hi,

please take a look at http://devbox.geosciences.com/test-live.php

under Institution / Location / Degrees table there is a pagination div.

I don't know why the distance between the table and the div is huge & i want it one under the other.

please change it to 10 and 20 results/page and navigate thru pages and you'll see how this distance changes.

I have spent an entire day trying all the solutions i could think of like:
- putting the table and pagination in a bigger table like:

or
- using float:left for the pagination div

...

nothing helped.

any ideas? thanks for your time.

[azoomer]

Ok I'm not entirely sure what you mean, but to me it looks better if you change these two parts of your css to something like this:

#main .table-holder .university {
padding-left:5px;
width:170px;
}

#main .table-holder .degrees {
padding-left:5px;
width:100px;
}

edit: looking at your question and your page again I realize that I have probably misunderstood your question. Still don't understand it though. I checked the page in internet explorer 8 and it behaves a bit strange, not responding properly to changes in pagination. What browser are you using ?