Unfortunately IE 7 is still widespread among the users hence while
theming we have to give special importance to the great Internet
Explorer.
Regarding the Text-indent: -999px issue use the following instead for IE7:
text-indent:0;
font-size:0px;
color: #fff;
Now how to differentiate between IE7 and the other browsers?
If your theme is clashing severely with the different browsers you can create different stylesheet (.css) for each browser and use javascript to detect the browser the use is using.
But if you are having issues with only IE7 do the following:
add below the <body> tag:
add above the </body>
Then in your stylesheet extract the divs and make the change
Eg #IEroot div {color: red}
Regarding the Text-indent: -999px issue use the following instead for IE7:
text-indent:0;
font-size:0px;
color: #fff;
Now how to differentiate between IE7 and the other browsers?
If your theme is clashing severely with the different browsers you can create different stylesheet (.css) for each browser and use javascript to detect the browser the use is using.
But if you are having issues with only IE7 do the following:
add below the <body> tag:
<!--[if IE]><div id="IEroot"><![endif]-->
add above the </body>
<!--[if IE]></div><![endif]-->
Then in your stylesheet extract the divs and make the change
Eg #IEroot div {color: red}