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!

[none345678]

CODE

<style>
.nav {display:block;
color:66f2ff !important;
font-family:arial;
font-size:7pt!important;
color:9fbec1;
width:150px;
border-left-width:12px;
border-left-color:fe3788;
border-left-style:solid;
text-transform:uppercase;
line-height:13pt;
background-color:f4f4f4;
margin: 1px;
margin-bottom:-1px;
text-align: right;
}

.nav:hover {display:block;
color:66f2ff !important;
font-family:arial;
font-size:7pt!important;
letter-spacing: 0px!important;
width:150px;
border-left-width:12px;
border-left-color:d0ea16;
border-left-style:solid;
text-transform:uppercase!important;
line-height:13pt;
background-color:f4f4f4;
margin: 1px;
text-align: right;
margin-bottom:-1px;
letter-spacing: 0px;
text-decoration:none;
}
</style>

CODE

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

Try this out.

[babykisses0284]

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

[Mickey]

Alright, topic closed & moved.