display:block Problem in FF not in IE

Discussion in 'CSS' started by misohoni, Jun 15, 2014.

0
  1. #1
    The homepage looks great on IE 9:
    http://www.giftsandcoupons.com/

    On FF, the boxes aren't in a straight line which looks to be due to the display:block mention in ".group:after"

    Anyone had this problem and know of a fix? Thanks guys
     
    Solved! View solution.
    misohoni, Jun 15, 2014 IP
  2. #2
    Your problem lies with the little doodad in the bottom right corner of some list items. It is adding 1px to the height, which blocks the next row of float elements. Since there is no way I'd use the methods you're using, I won't bother digging into your markup to find a fix. I leave that to you.

    cheers,

    gary
     
    kk5st, Jun 15, 2014 IP
    misohoni likes this.
  3. misohoni

    misohoni Notable Member

    Messages:
    1,717
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    200
    #3
    thanks alot, made the line height change.
     
    misohoni, Jun 15, 2014 IP