# Borders causing DIV to drop?

**URL:** <https://forum.kirupa.com/t/borders-causing-div-to-drop/306617>\
**Category:** web dev\
**Created:** [March 18, 2010, 2:09pm UTC](https://forum.kirupa.com/t/borders-causing-div-to-drop/306617 "2010-03-18T14:09:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![drjugears](https://avatars.discourse-cdn.com/v4/letter/d/3ab097/32.png) [@drjugears](https://forum.kirupa.com/u/drjugears)\
**Post date:** [March 18, 2010, 2:09pm UTC](https://forum.kirupa.com/t/borders-causing-div-to-drop/306617/1 "2010-03-18T14:09:28Z")

</div>

Hello there.

Having a slight problem with a page I’m trying to build.

I noticed when I zoom out in firefox ( using ctrl+ - ) the far right DIV drops.  
This only happens when I have a 1 pixel border around each box. Without the borders it works as expected and the DIV does not drop.

- When I apply the 1 pixel border I subtract 2 pixels from the width of each box. Altogether they should come to 960px - the width of the containing DIV.

I’ve uploaded the page ( with CSS in header ) to:  
[http://www.ok-hybrid.com/store/argh.html](http://www.ok-hybrid.com/store/argh.html)

Any help, much appreciated.
