Show me the steps to solve Tab Navigation Style

Go to the "Tab Navigation Styles" section. The page has a navigation list with the class of tabs inside the header element inside the document body Create a rule for this list that sets the background to use the image nav$\_$bg$.$jpg with no tiling, centered horizontally and vertically, and sized to cover the entire navigation list.

The client wants the tabs to appear like the tabs on manilla file folders, with rounded corners at the top left and right. To create this effect, create a CSS rule for the list item elements inside the tabs navigation element that adds a solid white border with a width of $1$ pixel, removes the border from the bottom of the element, sets the top left border radius and the top right border radius to $100\%$ of the regular text size, and hides the extra content using the CSS overflow property.

When the user hovers over one of the tabs$,$ or if that tab is the one for the current page, the client wants to add a drop shadow to create the look of that tab appearing in front of the others. To create this effect, create a CSS rule for the hover pseudo$-$element of the list item elements inside the tabs navigation element that adds a drop shadow on the top, left and right sides. The drop shadow should have an offset of $3$ pixels, a blur of $3$ pixels, a spread of negative $3$ pixels and use the color black.

Add another rule for the list item elements with the class set to active that does the same thing as above.