title: Can anyone please explain why my elements are not positioned correctly in older browsers?
body: <p>It's just that I don't really know enough about XHTML, CSS, or Javascript and I'm trying to learn.  I know what to do in order to get things to work or look the way I want them to but I'm guessing my methods are not the standard best way to get the results I desire; obviously not because it's not working across all browsers.  </p>
  
  <p>I am hoping for someone who is willing to spend a little bit of time with me to go over the code, make recommendations and explain why what I have is not standard for coding. I have some validation errors but they mostly are all in the javascript, which I didn't even write so I honestly have no idea if they are causing trouble or how to fix them if they are. </p>
  
  <p>So my website is pretty simple.  I just want to have a professional page where potential employers can see my resume and contact information.   When I look at my website in firefox 4 or Safari 5.0.5 everything is perfect.  The image of my name and the "contact" tab images both line up with the edge of the main container div.  Also the text with the arrow picture line up about 50 pixels to the right so the arrow does not overlap with my resume picture. I use absolute positioning because when I try to use anything else, it gets all messy.</p>
  
  <p><strong>The Problem I am Having:</strong> My name logo, contact image tab and "please indulge with..." arrow picture seem to be about 65 pixels off to the left when I view my website in IE8 and Firefox 3. </p>
  
  <p>My website is: <a href="http://nicholasdexter.me/" rel="nofollow">nicholasdexter.me</a></p>
  
  <p>Once again, I'm sorry that this question is geared towards me but I know you all are experts and I don't know where else to go for help. Thank you for reading!</p>
  
  <p>Here is my style sheet: <a href="http://nicholasdexter.me/style.css" rel="nofollow">http://nicholasdexter.me/style.css</a></p>