sorry forgot to mention that the red box y-axis value is too small. The first column in the table doesn't have the appropriate height. The value is calculated with the code " (boxConstraint - borderWidth)" and I see nothing wrong with this. I guess it comes down to whether or not these value map to a browser properly or if there is some quirk I may be missing...thanks again.
There is a bug in the GPD which I think produces the behaviour you see. If you leave the node at it's place where you dropped it, you will see the mentioned behaviour that the overlay of the red rectangle is not good. If you move the node after dropping it, the overlay should appear ok.
Thanks for the reply, unfortunately this does not seem to be the case as I moved all the nodes around in the GPD and the box still doesn't line up. The y coords are just to small (aka the red box is closer to the top of the screen). It seems the x, width, and height coords are ok. Any other suggestions?
Ok, well I was looking at the GPD.xml and saw a few values that had negative integers set as the y values. I then went into the designer, highlighted all the elements on the screen, and drag them downwards (towards the bottom of the screen). I then delete the gpd.xml and then saved the process definition. The gpd.xml got regenerated and the negative values disappeared. I redeployed, and voila! it worked. Thanks for the insight.