porblem with css in firefox

[wicho7]

i have a porblem with my page, I am using a css to make more fast all but when I open the ppage in firefox all the changes of the css dont work can anyone help my, the code of mmy css is

Code: Select all

BODY
{
color: white;
scrollbar-face-color: #006600;
scrollbar-shadow-color: #00FF00;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #00FF00;
scrollbar-track-color: #00FF00;
scrollbar-arrow-color: #000000;
}

form.caps
{
color: green;
}


.popUp 
{ 
font-size: 13px; 
background-color: #FFFFFF; 
margin: 0 10px; 
padding: 5px; 
width: 200px; 
border: solid 2px black; 
position: absolute; 
visibility: hidden; 
} 

its a simple css but i dont know why dont work, I am new in css and I dont know what to do, and sorry for my bad english

[DoubleJ]

First of all, the scroll bar css will not work.
THis css is not a w3c standard.
Firefox does not support it
In opera you can choose to disable this or enable support for these CSS arguments, but they will not work with xhtml documents, only html (4.0x etc).
IE6 supports this scrollbar css, dunno about IE7 though, have not noticed it yet.

apart from that the other CSS properties should work.
Not that classes are case sensitive, so make sure you spelled them right.

[wicho7]

thanks DoubleJ your reply give me some info about this, about the suport in IE7, the answer is yes, I use IE7 and all the css works fine, thanks again

[DoubleJ]

Quick addition:
Not that classes are case sensitive, so make sure you spelled them right.
this should be
Note, that classes....

[Khatab]

By applying the following code to your CSS, you’ll force a scrollbar to appear which can scroll approximately 7 or 8 pixels by default but will also allow for the content to scroll should it exceed the bottom of the window.

html {
min-height: 101%;
}