IE Compatibility Issues

[dgent]

On my new site..

WEBSITE

Does anyone know why in IE8 non compatible mode the red bullet points on the navigation tabs are too far to the left, and in compatibility mode they vanish - yet in Chrome, FF etc they all look fine and line up correctly.

Any way I can fix this?

[lat9]

You could start by fixing the errors you have in your markup (http://validator.w3.org/check?verbos...rkits.co.uk%2F), that's the leading cause of cross-browser display differences.

[dgent]

How do I actually fix those errors when the code doesnt actually look like that?

For instance, the WC3 page says the line is...

<li id=""><a href="index.php">Home</a></li>

...when the real source is

<li id="<?php echo $active;?>"><a href="index.php"><?php echo TOP_MENU_HOME;?></a></li>

[dgent]

Fixed it, replaced the bullets with GIFS

[stevesh]

I know you didn't ask for comments on the site, but, as great as it looks (excellent design job) that awful music drives me (and, I'm sure, others) away within seconds.

[dgent]

The music is part of the Motorola Video. Im the sort of person, that when I see a video running, I expect to hear something, so If I didnt, id think there might be a fault.

End of the day they can always turn it down, or off ;)

[lat9]

How do I actually fix those errors when the code doesnt actually look like that?

For instance, the WC3 page says the line is...

<li id=""><a href="index.php">Home</a></li>

...when the real source is

<li id="<?php echo $active;?>"><a href="index.php"><?php echo TOP_MENU_HOME;?></a></li>

You could try making the following edit so that you don't have an empty id="" (which is what the validator is complaining about):

<li<?php echo !empty($active) ? ' id="' . $active . '"' : ''; ?>"><a href="index.php"><?php echo TOP_MENU_HOME;?></a></li>