I am trying to place a small image (100px X 100px) next to the product image (right side)

this is what I am talking about see image here (valid for 24 hrs)

EDIT:

I updated my CSS below to

.product-details-info .code
{
   display: inline-block;
}

but that's just a temp fix.

END EDIT

I tried (in productinfo.ascx)

<div class="picture">
        <a runat="server" id="lnkMainLightbox">
            <asp:Image ID="defaultImage" runat="server" />
        </a>
        <div class="code">
            <nopCommerce:Code ID="ctrlCode" runat="server" />
        </div>
    </div>

and added the following to the CSS (I am using the darkOrange theme v1.9)

.product-details-info .code
{
  
   width: 100px;
   margin-left: 250px;
   margin-top : -60px;
}


all works with one exception...some product Images are a bit larger and is not creating an even spacing...how can I achieve this?

Anyone?