[SOLVED] Div Class Width Will Not Work

[HokieTracks]

Hi, I am trying to create a horizontal menu with div classes. Here is my div class code:

 

.menucontainer {
width:109px;
}

.menu a {
width:109px;
background: url("http://hokietracks.com/home/images/blank.jpg") no-repeat;
padding-top: 10px;
padding-bottom: 10px;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center}

.menu a:hover {
width:109px;
height:36px;
background: url("http://hokietracks.com/home/images/blank2.jpg") no-repeat;
text-decoration: none;
}

 

But all I end up with is this:

 

[mimintweak]

I think .menucontainer width should be 654px to hold 6x109px, try it and see if that works

[HokieTracks]

No, that didn't do it. Same results as before.

[Axeia]

Umm, what exactly is wrong with?

Looks like a horizontal menu to me..

[FaT3oYCG]

replace

 

padding-top: 10px;
padding-bottom: 10px;

 

with

 

padding: 10px 10px 10px 10px;

[HokieTracks]

I figured this out on my own. Thanks for the help though!