I don't really know what is going on here:

http://www.omegaboi.com/test/


on the menu, there seems to be a whitespace gap after the | the | is actually a border.

however, the gap is still there after i remove it from the css file labled test_test.css.

Does anyone know whats going on?

I'm sorta confused what you're referring to.

i apologize, i'm refering to the blue tab menu under the logo.

there is a gap between the links. Home | etc. | etc The " | " is a border style i set in css. If you hover over a link, it turns white, but u should see a small gap between the | and the white.

How would I fix it? or is there a better way to code what i did?

Since the link you have given is not working(404 Not Found) i didn't understand your problem well. But what i have understood till now through your text, i could say that padding and border-color may help you.

thanks for your concern. I think the main problem was that i was using a "list" to display the menu. I see that when you use list such as "ol" and "ul" it provides a little gap between words. Even if you do display "inline". I didn't know how to get rid of the gap, so I just made the margin # for "a:hover" negative, so when i covered over the menu item, it would cover up the gap. =) problem solved!

unless...you know of a better way to remove whitespace from ordered and unordered list?

Set all "border", "margin" and "padding" properties for all elements.

Do you still need critique? If so, I'm recieving a 404 error when accessing it.

nope, thank you though. i really appreciate it though. I looked at my code, and felt that that was not the best way to create something like that. So i rewrote it, and tried a different method and it came out perfect.

thanks again!