Homepage Format Randomly Changes, Menu and image move down the page Options

[zojo_schwarz]

Hi Everyone,

The menu on my homepage sometimes moves down the page, from its set position. This causes the image below it to shift too. Please see the attached screen shots for your reference.

Once I navigate away from the homepage (to another page of the website) and back again, both the menu and image are back in their normal positions and remain there until I leave the website. Sometimes refreshing the page makes them move back too. As I mentioned before, this shift only happens sometimes.

I've viewed the website through several browsers and the same issue keeps coming up.

I've run the HTML and CSS through the WC3 validators and no problems were identified. This is my first website though so I'm sure I've muddled something up.

Does anyone know what could be causing this?

Thank you in advance for your advice.

http://www.zoegraphicdesign.com/


This post has been edited by zojo_schwarz: May 9 2012, 04:59 PM

[Christian J]

The menu on my homepage sometimes moves down the page, from its set position. This causes the image below it to shift too.

In which browser/version?

In the meantime, these CSS pseudo-class selectors are incorrect (it should be a:link etc), but for some reason the CSS validators don't complain:

CODE

a link {
    color: #000000;
    text-decoration: none;
}

a visited {
    color: #000000;
}

a hover {
    text-decoration: none;
    color: #000000;
}

[pandy]

The validator doesn't care about element names and it thinks link, hover and visited are element names. This is probably because CSS isn't HTML specific and the element names aren't part of CSS anyway. It just checks the selector syntax and that is correct, even if the meaning is other than the intended.

http://jigsaw.w3.org/css-validator/validat...;usermedium=all