the path to an image can be thought as being made of three parts: The
domain name, the
directory and the
filename.
http://
yourdomain.com/
wp-content/uploads/2012/10/
FaceBook_32x32.png
When using relative paths to an image, the key is how you start it.
If you start with ../ you are telling the browser to go up one directory level
from the relative location you are currently at.
The relative path is effected by your permalink structure
If you start with just / you are saying to the browser 'tack the
domain name in front of this path' and that should work in all cases.
if you want to see this in action, set up a text widget with
HTML Code:
Full Path
<img src='http://www.todddawsondesign.com/test/angus/wp-content/uploads/2012/10/FaceBook_32x32.png'>
path with ../ before wp-content
<img src='../wp-content/uploads/2012/10/FaceBook_32x32.png'>
just / before wp-content
<img src='/wp-content/uploads/2012/10/FaceBook_32x32.png'>
nothing before wp-content
<img src='wp-content/uploads/2012/10/FaceBook_32x32.png'>
and go to
1) the home page
2) a single post page
3) a page page
then change the permalink structure - use a custom one and test again
then use a custom one and add '/x' somewhere in the path and test again