ul#navigation {
position: fixed;
top: 10px;
left: 10px;
}
/* place the ul with the ID navigation 10px from the top-left corner of the screen */

When you use position:fixed you have to use the left and top CSS properties to position it on the page.

Use position:fixed which will keep the element in the same place on the screen even if the user scrolls the page. Also, Java != Javascript

You could use a <span> tag or (this may not be cross-browser compatible) you can use the first-line pseudo-selector on the div like so

div#someID { font-size: 1.8em; }
div#someID:first-line {...

<a href="blah" title="This is your title">some link</a>
You answered your own question

div matches a div tag, p matches any p tag under a div and * matches anything under the p tag. It's called CASCADING Stylesheets for a reason.

a:link, a:visited, a:active { text-decoration: none} Should be outside of the body{} block. Move it, that should fix it.

Same goes for .mainrow near the bottom. You can't nest CSS selectors like...

What exactly isn't working in safari/chrome (specifically what part of the CSS isn't working)? The PHP has nothing to do with it I can tell you that.

HAHA, fire the developer, there's your feedback. Stylesheets promote a centralized design(reusability, consistency, etc.) They save time, are (most of the time) completely cross-browser...

<td id="first">
V
<td class="first">

heh, just noticed that. Don't have an anchor on a button, just use the onclick attribute of the button.

The only thing I could think of is that the href isn't the first thing but for some reason I think that's a longshot. It's worth a shot nonetheless. I'm not, however, familiar with that webbot stuff

Well considering you haven't shown us any of the code or a link to the page it's a bit like diagnosing a patient that hasn't told you any symptoms.