my css style is override why?

Hello

I am working on a big site and i am wondering why my css style is ovrride.

I have the following code somewhere:


<div id="center-slideshow" style="text-align:center !important;">
<div id="slideshow" style="width:500px; height:332px;">
Hallo
</div>
</div>

When I load the side, I see with firebug, that the style="text-align:center !important;" is beeing override by some other css stile when the second div (id="slideshow") is displayed. How can I prevent that from happening?

Thanks

It is best if you do all your styling in your CSS, not inline.

What is the full class name of the code that is over-riding your code? Is it #slideshow?

Firbug output:


element.style{
height: 332px;
width: 500px;
}

div#wrapperholder table, template.css (line 51)
div#wrapperholder div {
text-align: left;
}

inherited from div#center-slideshow

element.style{
override--- text-align:left;
}
...