How does the sticky ends of foreign gene bind with its counterpart in the plasmid DNA if positions are not matching?
In the Google search engine I entered "ligation of sticky ends"; then I selected the "Images" tab. Here is the first result, which addresses your question exactly:



This originates from this website:
AddGene

Based on your question it sounds like you understand the basic rules of forming Watson-Crick base pairs; but your diagram and question omits the innate polarity of the sugar-phosphate backbone in DNA and RNA. The convention in depicting double-stranded DNA is that the "top" strand (sometimes referred to as "Watson") is written in the 5'-to-3' direction, reading from left to right. Since the two DNA strands are anti-parallel, it follows that the "bottom" strand (maybe nobody refers to it as "Crick" any longer?) is written in the 3'-to-5' direction -- if you are reading from left to right.  If you want to decode the biological information encoded in the bottom strand then you need to read it from right to left. 

This is a long-winded way of saying that I usually note the 5' and 3'-ends on a drawing of DNA to emphasize this, and if I can figure out how to do so I will update the image.

Here is a slightly better version from Google:



Which is from this site: A WordPress Blog