SharePoint master page css styles not showing for users other than site administrator- SharePoint 2010

Today I face one tricky problem in SharePoint 2010.

When I login through site administrator then CSS which I apply on master page work fine,

But when I login through other users CSS effects are not visible on master page.

Error Message:

SharePoint master page css styles not showing for users other than site administrator.

Problem Description:

        This usually happens when the CSS file or master page is not published or approved yet or it may be Check-In.

•  After system administrator login, Menu Bar from Master page look like this.

•  After normal user login, Menu Bar from Master page look like this.
•  Here CSS is not apply.

Resolution:

To Approve Master page Follow below steps:

1.             Open the SharePoint Designer using System Administrator Account.

2.             From Site Object select Master Page

3.             Select your default Master page. (E.g. V4.master)

4.             On “Site Page Gallery”, see “View” section and that click on “Approve/reject. Items” view.

5.             You will see the view is “Group By” by “Approval Status. (E.g. Draft, Approved) 

        Basically Approval Status is divided into 4 different status like Draft, Pending, Approved,Reject

6.             Then Search your default Master page in Draft section select it and send for Approval.

7.             Refresh your page, your default Master page will shown in Pending status section, Select and Approve it.

8.             Finally default master page get approved by System Administrator,

          means it get publish for all user on site.

Product Applies To:         SharePoint Server 2010

Feel free to revert in-case of any query...