View Full Version : border-right: issue on FireFox

11-06-2011, 10:29 PM
Hey all,

I am working on completely redoing our website (FizzPow.com) I have a border-right: on my left column in a wordpress template I am modifying. It looks fine in Chrome, IE9, Safari5, but in FF7, it moves my right column all the way down.

Here's the site:

I am an experienced programmer but fairly novice with HTML/CSS. Please be kind and I very much appreciate your help!

11-06-2011, 10:45 PM
Well, your columns have width 66% (.out-threequarter) and 34% (.out-quarter) - which add up to 100%. Add a 1px border and it won't fit. Reduce one of the widths by 1% and it's fine.

Your float drop occurs in IE8 as well.

11-06-2011, 11:11 PM
Thank you so much! I knew it had to be something simple.