Making the | character wider + top padding

[mark200]

Hi,
I need a bit more help with a site I am making. I recently posted a topic in the javascript forum of another web design forum about the rubbish DHTML menu I was using, and I took the advice to get a new script. I got a new one and I have it looking close to the old one, i just have two html questions:
1) How do I get the | as wide as it is in the old script.
The new script I am testing out on the home page:
www.webtechdublin.com/pcs

You can see that the | in between all the different links are smaller than on the old script, which is here
www.webtechdublin.com/pcs/news.html

2) On the drop down menu of the old script, there is a white line at the top of it, I am just wondering how I would put that in to the new one??

Any help is greatly appreciated,
Mark

edit-sorry I've also got a third question:
how do I change the width of the drop down menu itself, as if you look in the library one, you can see it is not wide enough for the "teachers recommend.." link.

Thanks,
Mark

[djr33]

note: 'old version' doesn't work for me... you probly know that though.

1. umm... spaces? I don't see a difference (using safari 1.0)

2. umm... <hr>? would that work for you?

3. table? div? just don't supply a width if it's a table, and it'll expand as needed... if not, just find the width tag... it's somewhere in all the files... not sure where.

Sorry... I don't have time to look at it too closely right now. this should start you off anyway...

[mark200]

note: 'old version' doesn't work for me... you probly know that though.

1. umm... spaces? I don't see a difference (using safari 1.0)

2. umm... <hr>? would that work for you?

3. table? div? just don't supply a width if it's a table, and it'll expand as needed... if not, just find the width tag... it's somewhere in all the files... not sure where.

Sorry... I don't have time to look at it too closely right now. this should start you off anyway...

I found out last week it didn't work in firefox, which is why i got a new script, so I presumed it only worked in IE, but didnt have access to a mac to check on safari.

I fixed the width...i was sure I tried that before and it didn't work....woops.

1) Yeah in IE and firefox on the index page the | is half the thickness of the old script, it looks much better on the old one too. It's the actual character that's thicker. Like it's in bold or something.....except both of them are already in bold.

2) I don't think it's possible to put it in because, ermmm i dunno how to explain, it's all javascript. The line is at the very top of the dropdown. I can't do color border because there is a border as well, which is in blue.

Thanks for your help anyway, I think the first question is for anyone with firefox or IE and the second only for IE.