Yes, definitely doing a copy/paste job for the other pages.

The only challenge is altering it so I don't duplicate the ID reference on all 5 menu areas (1st 2 shown below).

The reason I've done it this way (and individually positioned the 5 menus) is that in Firefox & Chrome the spacing was thrown out when I had just a single <div></div> so by the time the menu
coding reached the Contact Us while the hover effect was fine in IE, it was more over the Other - for some reason the size of the text is larger in IE. As an example on that point, if you open the home page in IE the hover effect over the Cash Book Software menu goes right to the divider but in Chrome or Firefox it only just covers the wording even though it's same coding...

<div class="menu_drop">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="index.html" style="height:14px;line-height:18px;">_________</a></li>
</ul>
</div>

<div class="menu_drop2">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="lcb_software.html" style="height:14px;line-height:18px;">_________________________________</a></li>
</ul>
</div>
....

An ideal fix would be to use a font that had a consistant size across all browsers & just have 1 menu rather than 5 individual ones... something else to look into.

Unless of course the cornering effects would impact differently across the different browsers - I could try removing the cornering & see if that changes anything.

I think you have the ideas backwards above. The class can be reused as long as the same class is the same setup as the others (in other words the menus work the same and use the same settings from that class).

The ID's are the ones you cannot reuse on a page. So above you have id="css3menu1" on both menus. That's the part that cannot be repeated multiple times in a page. Classes can be reused indefinitely though.

I just realised where the ul id's are being declared... in the menu css file. Talk about slow!

so where I have ul#css3menu1 in my css file I can just add for example ul#css3menu2 ul#cssmenu3 & so on to each line & then in the above coding use the additional ul id's leaving my page (the home page at least) completely valid.

As long as you duplicate those ID's in the CSS file and give them the new numbers etc, then yes you should be able to do that just fine. In other words, if you reference an ID it has to exist so make sure to add them to the CSS file. Just copy the current one and paste it below it for each one you need and alter the numbers as needed and you'll be good to go.

Thanks Jo for all the help, I actually just finished that before logging on here.
The w3.org validator gave me a clean bill of health on the home page. I should print it our & frame it:cool: Still plenty more to do.

hehe you're quite welcome, glad you got it all sorted out. It will all work itself out in time and you'll learn more as you go so no worries, CSS is a bit tricky sometimes so hang in there it's pretty slick as you learn new things

Some shiney new graphics with working rollovers on the home page - thanks Rolly!

Looking good Robbie, nice job on the images

Thanks Jo, really makes a difference from the coming soon ones that have been there.
A friend of mine makes Photoshop brushes & I just updated the header image to add in something nice!