Navigation boxes Options

[babykisses0284]

Hello! I am trying to figure out how to fix my navigation boxes. I have 2 issues that I really need help with!

Here is a link to the screenshot of what I have now: http://i38.tinypic.com/30naoug.png

[1]I want all those navigation boxes to be the same size in width.
[2]I would like for them to be touching each other without any space in between them. If you look at the first 2 boxes they are overlapping for some reason even though I used the break code. The rest I used two break codes and that makes them to far apart. My I hope that makes sense.

Here is the code I have for the boxes:

CODE

<style>
a.nav:link{
color:66f2ff;
background-color:f4f4f4;
border-left-width:12px;
border-left-color:fe3788;
border-left-style:solid;
padding-left:50px;
padding-right:50px;
padding-top:2px;
padding-bottom:2px;}

a.nav:hover{
color:fc148c;
background-color:f4f4f4;
border-left-width:12px;
border-left-color:d0ea16;
border-left-style:solid;
padding-left:50px;
padding-right:50px;
padding-top:2px;
padding-bottom:2px;}
</style>

Here is what I have for my links:

CODE

<a href="linkage" class="nav">Home</a><br />
<a href="linkage" class="nav">Add</a><br /><br />
<a href="linkage" class="nav">Message</a><br /><br />
<a href="linkage" class="nav">Block</a><br /><br />
<a href="linkage" class="nav">Site Credits</a><br />

Any help would be greatly appreciated! Thank you!

[babykisses0284]

Thank you for the code! That seemed to fix the problem!! Thank you!!