Overriding display:inline-block

[gazzou]

Hi,

I have two style sheets. department.css and site.css.

I found that by changing .blackborder { display:inline-block; } from department.css to .blackborder { display:block; } fixes my problem.

However, I am not allowed to make any changes to department.css.

What I decided to do was add a new style sheet (site.css) that would override this style to: .blackborder { display: block; }

For some reason the override is not happening properly in IE6. When I look at the styles generated using the IE Developer Toolbar, it shows that display: block is being used.

I have a feeling that it is not properly overriding the old value located in department.css.

How can I make it override the old value?

If anyone could help, it would be greatly appreciated.

Thanks,

Gazzou