Question: I've got a fairly basic website setup using JQuery-UI theme css which is taken from a content server. This CSS is cannot be changed. What I am wanting to do is override some of the css from JQuery themes, for example change from:

```
.ui-tabs .ui-tabs-panel {
  padding: 1em;
}

```

to

```
.ui-tabs .ui-tabs-panel {
  padding: 0.25em;
}

```

What is the best way to override the CSS? Do I hack with !important or is there an alternative (other than defining the new rule directly into the webpage).

Thanks

Answer: 
`<meta>`'s have to be right after the opening `<head>` tag
I had this too, but asked the users to clear their IE browser cache and that fixed it for them.

Even though it was clearly there when you view source, it's as if IE was ignoring it until the cache was cleared.