why is style = "text-align: center;" not working

[Claus Mygind]

I am trying to update my code and came across this problem. The old code as shown here does great in centering the text as shown in photo 1

I simply use "align='center'"

<div 
    id   ="popSearch"  
    align="center"
    style="position:fixed; 
            visibility:hidden; 
            z-index:99;" 
> 
    <form  
        method="POST"  
        enctype="application/x-www-form-urlencoded" 
    > 
        <table 
            name = "popSTable" 
            id   = "popSTable" 
        > 
            <tbody id="searchData" > 
            </tbody> 
        </table>             
    </form> 
</div> 
 

However when I switch the code to using style, my text no longer centers as shown in the code below and shown in photo 2.

Here is use "style = 'text-align:center;'"

<div 
    id   ="popSearch"  
    style=" text-align:center;
            position:fixed; 
            visibility:hidden; 
            z-index:99;" 
> 
    <form  
        method="POST"  
        enctype="application/x-www-form-urlencoded" 
    > 
        <table 
            name = "popSTable" 
            id   = "popSTable" 
        > 
            <tbody id="searchData" > 
            </tbody> 
        </table>             
    </form> 
</div> 
 

I have also tried applying the style code to the form, table and tbody tags and none of them work. Not sure why that is so.

[Dormilich]

you can check in Firebug, where your CSS rule is overwritten (i.e. FB shows you the style cascade)