Dealing with browser bugs in liferay themes

you have to deal with a browser bug, you can add browser prefix to a style to target a specific browser issue.The following code is from the custom.css file of the Liferay Classic theme:

For all other browser's you see the html tag using your browser's developer tools their it will create the class as per your browser's name use that class. like see example here.

.ie6 #wrapper {
width: 90%;
}
This style is for Internet Explorer 6 only. For a <div> block whose ID is wrapper,
its width is specified as relatively 90%.

.ie7 #wrapper {
width: 90%;
}
This style is for Internet Explorer 7 only.

.ie8 #wrapper {
width: 90%;
}
This style is for Internet Explorer 8 only.

.ie9 #wrapper {
width: 90%;
}
This style is for Internet Explorer 9 only.

.firefox #wrapper {
width: 90%;
}
This style is for Only firefox All version .

.chrome #wrapper {
width: 90%;
}
This style is for Only Google Chrome All version.