What am I doing wrong trying to center this div? (its a little off)
<p>I am trying to center a div horizontally to a marker as you can see here <a href="http://jsfiddle.net/rKejG/8/" rel="nofollow">http://jsfiddle.net/rKejG/8/</a>, however it's a little more to the right than it should be.</p>

<p>This is my code</p>

<pre><code>$("#infobox").css({
    marginLeft: (parseInt($("#content").width(), 10) / 2) - (parseInt($("#infobox").width(), 10) / 2) + 'px'
});
</code></pre>

<p>Then I realized that I should probably add the halves of <code>content</code> and <code>infobox</code> and put them in a negative margin, but that made it a whole lot worse:</p>

<pre><code>$("#infobox").css({
    marginLeft: '-' + (parseInt($("#content").width(), 10) / 2) + (parseInt($("#infobox").width(), 10) / 2) + 'px'
});
</code></pre>

<p><code>Result: margin-left: -16110.5px</code></p>

<p>What am I doing wrong here? Thanks!</p>
