Hi there,

I have a problem with this DIV element of mine that is fixed to the top of the page.
It seems that if I give my fixed element a "left" value, it will act weird...
What I mean is, the element's position will change depending on the user's screen size or if zooming occurs.

Here are my codes:

HTML Codes
HTML Code:
<div id="navigation">
<a href="index.php" onmouseover="document.home.src = home_2.src" onmouseout="document.home.src = home_1.src" onmousedown="document.home.src = home_1.src"><img name="home" src="http://www.sitepoint.com/forums/images/home_button_1.png" height="29px" width="83px" alt="Home" title="Home"></a>
</div>
CSS Codes
Code CSS:
div#navigation {
position:fixed;
top:7px;
left:10px;
width:500px;
height:29px;
z-index:4;
}

This doesn't seem to occur if I assign the "left" value to be equaled to "auto"...
But I need it to the left without changing positions!

How could I fix this issue?

Thanks!