Question

I’ve got to admit, I really don’t much about HTML, but I’m attempting to learn. I have an image centered in a DIV, but it isn’t truly centered horizontally. The left edge of it is where the center would be, like this:

[———-|———-]

[———-|image–]

[———-|———-]

What to do, what to do….

EDIT
Some code:

<style>
#Outer {
position:relative;
height:100%;
width:100%;
text-align: center;
}

#Picture {
position:fixed;
top: 30%;

}
</style>

Also, I am centering it vertically AND horizontally. Vertical is working just fine.

Answer 1

You can try changing position to relative. (see http://jsfiddle.net/VLCqz/1/)

As for the reason why…