title: How to position an element next to another an element of undefined position?
body: <p>I am very new to html/xml/css and I'm trying my best to teach myself. However, I have run into a problem that a Google search could not solve.</p>
  
  <p>I would like to position a small image in a fixed location relative to another element(?) </p>
  
  <p>I believe this is the code of the element i want to position the second element relative to.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
   #wrap { 
      width:550px; 
      background-color:#fff; 
      margin:0 auto; 
      padding:0; 
      border-right:1px solid #ccc;         
      border-left:1px solid #ccc; 
  }
  
   #container {
       width: 500px;
        margin:0 auto;
       padding: 25px;
        font-size:.85em;
       background-color: #fff;
   }
  </code></pre>
  
  <p>and this is partial code I'm trying to edit to position .xyz to the right of "#wrap"</p>
  
  <pre><code>.xyz {
      position: ???;
      top: 200px;
      right: ???;
      _position: ???;
      _margin: ???;
      _text-align: right;
      z-index: 1337;
  }
  </code></pre>
  
  
  
  
  
  <p>my search of SOF has lead me to believe i'm supposed to do something along the lines of this - 
  <a href="https://stackoverflow.com/questions/104953/position-an-html-element-relative-to-its-container-using-css">Position an HTML element relative to its container using CSS</a> 
  - but i haven't been able to.</p>
  
  <p>I greatly appreciate any help you may offer. Hopefully I've explained my problem properly.</p>