CSS Strange behavior width 100% (works - but why? - hope this helps someone)

Hello,

I found some strange behavior in FF.

as follows is my css
#datadiv1 {
width: 100%;
height: 100%;
overflow:auto;

}
#datagrid1 {
width: 100%;
height: 70%
}

#datagrid1 references the id of the grid
#datadiv1 is NOT on the page at all!!!!!! (except the css bit)

Without the #datadiv1 in my css code, FF will NOT create a 100% width grid, even worse is the fact that there will be no vertical scrollbars.

When I add the #datadiv1 - everything works great and I have a 100% width grid

If anyone knows of a better solution, please let me know.

Thanks.

I would guess that this happens because your stylesheet file has a syntax error just before these rules, and this error breaks parsing for the next rule, so when you insert something in between the next rule starts working again.

And the most common syntax error is using C-style comments // which are not allowed in CSS...