Question

I’m having a problem with getting Internet Explorer to display my menu bar correctly. The menu items should be in an inline list across the page but they remain in a list going down the page with bullet points.

Please see this fiddle for inspection.

I have been viewing in IE7 but as far as I’m aware the problem remains in IE9. Thanks for your help.

Answer 1

To make it work with IE8/IE9 you will need IE html5 Shiv (just create elements with Javascript).
But be sure to make them display:block; in your CSS!!
You can also have Google shiv to host it for you:Google IE html5 Shiv
More about using IE Shiv: HERE

But you can also make it yourself like this :

Your Fiddle HERE

<style type="text/css">
nav{
display:block;
}
</style>

<script type="text/javascript">
document.createElement("nav");
</script>