2 things - mouseover has strange grid on it and menu position not always right

[timsharp03]

I have 2 little problems with my first version 5 menu.

The first is that when the cursor goes over a menu item, a strange grid appears over the whole menu item - it's made up of 6 rows of little black triangles that completely covers the menu item, though you can see the mouseover text is there underneath.

The second problem is that the menu doesn't always appear in the right place when a page appears. If you click the refresh button is usually goes to the right place then, but not always when you first enter a page.

I'm using menu position relative object

Both these problems happen online in both IE 8.0 and Firefox 3.5.5

The URL of the under construction site is http://highfieldequestrian.com/index.html

[Lefteris]

If you are using relative positioning you should move the Pop-Up HTML code to the bottom of the HTML code, right before the closing </body> tag.

This is because the IE rendering engine makes an object immediately available, even before the object has the correct size and placement in the page.

As for the arrows that appear in the background you obviously have set by mistake the arrow image as a mouseover background image in your color style.
Use the color style editor to address this issue.