Tiny alignment issue - REALLY annoying!

OK. At the top of my blog you'll see a row of links. I want them left aligned to the same place as the search bar in the header.

The problem is that it looks fine on my screen, but if I open up the favourites to narrow the screen, it goes too far right.

I imagine that different sizes of screens give different results too.

My CSS looks like this -

.nav {
	position: relative;
        left: 250px;
	top: 5px;
	height: 5px; /* Is this necessary? */
	/* font: 1.2em Verdana, Sans-Serif; */
	font-size: 1.2em;
        font-weight: bold;
	color: #404040; /* Is this necessary? */
	}

.nav a {
	color: #a2b3bf;
	}

Code (markup):

Can anyone help?

 

replace
left:250px;

with
margin-left:auto;
margin-right:auto;

that should work but if it doesnt, either way its the left:250px that causing your problem so you will need to replace that with something else.

 

I already tried that - doesn't work

 

sorry i didnt notice before but the its not working because you havent defined a specific width for the nav div.

width:750px; /* whatever width you choose */
margin-left:auto;
margin-right:auto;

 

Top job! Thank you SOOO much!

I added to you your rep.

 

no problems - glad i could help