I just found out that the only css rule implemented by my browser is the first rule. It ignores subsequent one. If i move a new one to the top, it implements this new one and undo the others.
Are you sure you are not forgeting any semicolons or brackets? that is strange.
tanx for the reply, i was actually putting semicolons at the end of every rule, now that i removed them it working properly