Making some assumptions based on your screenshots, I presume you have a model of a grid containing 2 rows. Something like the following screenshot:
You assummed this will result in Display 1.png, but because the 2 rows are too near, they are displayed as in Display 2.png.
The resolution to this is to make sure Row1 is generally to the left and above row2, with enough space between them, as in this screenshot:
If I'm completely off-base regarding the issue, please provide more information and model screenshots or sample project.
For best results, use the Firefox browser..