-
Step 1
Go to the Tools menu in your Firefox browser and look for "Add-ons." Click on it and a new window will pop-up. Click on the first option on the top menu, which should say "Get Add-ons," and search for Firebug.
-
Step 2
Open Firebug and the screen will split in two parts: one will be the website you were visiting (on top) and the other half will be Firebug with the code behind what you are watching. You can navigate through both HTML and CSS code. Choose the one you want to check.
-
Step 3
Click on the different sections of the site (always on the bottom half of the screen) and see on top how the area you clicked on is highlighted. That will help you identify the bugs.
-
Step 4
Note that the CSS code shows on the right side of the screen, allowing you to do some changes to see how things would look like without having to modify your original files. When you identify the change you have to make, you can go back to your editing program.
