Title: CSS margin issue in Firefox
Last modified: August 19, 2016

---

# CSS margin issue in Firefox

 *  Resolved [j_mo](https://wordpress.org/support/users/j_mo/)
 * (@j_mo)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/)
 * Hi,
 * I am in the process of styling my sidebar and have a problem with margins. I 
   have tested my site in Firefox, Chrome, Safari & IE8, the problem only occurs
   in Firefox.
 * Please visit [my site](http://www.iamphiljames.co.uk) and you will see that the
   margins below the searchbar and then the div underneath are larger that the rest(
   which are 10px).
 * I cannot find what is causing the issue and have tried endlessly to sort it. 
   Perhaps someone with Firebug could have a look and help, I would be extremely
   grateful.
 * Thanks in advance
    Phil

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465740)
 * I can’t see any problems in Firefox 3.6
 *  Thread Starter [j_mo](https://wordpress.org/support/users/j_mo/)
 * (@j_mo)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465781)
 * I too am running Firefox 3.6.
 * When I view my site, the top featured projects and the search bar have a margin
   of 10px between them.
    Then the search bar and the div underneath (also named
   featured projects for now) has a margin of around 20-25px. The same goes for 
   the next margin also.
 * I would like each to have a margin of 10px but cant see what to edit.
 * I assume it is the same for you??
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465784)
 * OK- now I see the difference (near-black on black makes it harder to spot). Try
   removing `margin:0 2px 0 0;` from:
 *     ```
       #features li {
       display:inline;
       margin:0 2px 0 0;
       padding:0;
       }
       ```
   
 * in style.css
 *  Thread Starter [j_mo](https://wordpress.org/support/users/j_mo/)
 * (@j_mo)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465787)
 * Well that was easy, thanks. I spend at least and hour trying to solve that one!!
 *  Thread Starter [j_mo](https://wordpress.org/support/users/j_mo/)
 * (@j_mo)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465788)
 * Whilst I have your attention…Di you think the grey and very dark grey are too
   close??
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465814)
 * Only when you’re trying to spot different margin sizes. 😉
 * From a design perspective, I think it looks quite good. But then I’ve a similar
   grey/dark grey color mix on one of my sites, so I may be a little biased.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS margin issue in Firefox’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)

 * 6 replies
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [16 years, 1 month ago](https://wordpress.org/support/topic/css-margin-issue-in-firefox/#post-1465814)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics