My Website

In Firefox it looks great, no shake or whatever.

Have you tried line-height to move the text down? I found that works for me better than using padding in a lot of cases.

In Safari your whole site is broken though, just a green page with black text and bullets all over. Maybe a good idea to validate?

Nice looking site.

“Have you tried line-height to move the text down? I found that works for me better than using padding in a lot of cases.”

I’ll look into line height, thank you.

Where is a good place to validate for Safari?

Thanks for info, and I’m glad my site it looks good. ??

If I use line-height, after 20em, it moves the entire header down. I added “line-height:20em;” to the #topnav section. But it moves everything down. What am I doing wrong? Is it because of the header div?

Here is my topnav CSS:

#topnav
{
list-style:none;
font-size:0.9em;
margin:0 auto;
padding:155px 0px 0 0;
text-align:center;
font-family:Verdana, Arial, Sans-Serif;
}
#topnav li
{
list-style:none;
display:inline;
padding:0;
margin:0;
font-weight:bold;
}

#topnav li a:link, #topnav li a:visited
{
text-decoration:none;
color:#BBC4A3;
}
#topnav li a:hover, #topnav li a:active,
{
color:#ffffff;
}

Where is a good place to validate for Safari?

Same place. Try to trim these 60 errors down:
https://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.pokerplasm.com%2F

Thanks Yosemite! I parred it down a lot. No more 60 errors for me!

If someone could see how to move the nav bar without the whole header moving as well, I would be much obliged.

You need to put the “topnav” div or ul id outside (below) the “header” div.

You still have a bunch of &nbsp that are missing a semi-colon. Should be  

For the #topnav you have to rewrite your header.php. Start by moving it to outside (below) the header </div> The theme was not designed that way, so you may have some testing/trials, more work to do…

Thanks Glo and Yosemite, Ill work on the header.

And thanks Yosemite for the validation comments, I knew I had the &nbsp issues, but I got a 56 others done, so I was happy.

Passed Validation, yes!

If I move the “topnav” past </div>, it sits below the image. I want the nav bar still in the image, but on the bottom. If its still in the image, there must be a way to move it, without having the whole image move?

An untested hack I don’t feel very good about:
#topnav {
position:absolute;
margin:135px 0 0 95px;
list-style:none;
font-size:0.9em;
font-family:Verdana, Arial, Sans-Serif;
}

The problem I have with the above code is, I can’t determine how to center it.