Why is this button being cut off?

[GReddy4u]

joshsonunionsquare dot com/index1.php

I just added a 3rd button on the main section titled 'Photos' and as you can see it is being cut off. I've checked my code and it seems all 3 buttons have the same margins so I'm not sure what could be wrong.

Any help is appreciated

[macneato]

Change your selector as follows;

.slider-post .button {
background:transparent url(images/buttonbg.png) repeat-x scroll center top;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-weight:bold;
text-align:center;
width:82px;
}

That should do the trick

[GReddy4u]

That should do the trick

Well that was easy enough :).
Appreciate the help.

[macneato]

No problem, please mark the thread as solved

[GReddy4u]

I was adding to your reputation and waiting for your reply before I did .
I've been here nearly 6 years, I know how to work these forums ;)

[macneato]

haha yeah, 6 years and only 73 posts. Thanks for the added rep

[GReddy4u]

haha yeah, 6 years and only 73 posts. Thanks for the added rep

Yes I tend to disappear from here quite often. I was actually a moderator on these forums during the beginning stages, now Dani has this place packed with users I've noticed heh.

Anyways, thanks again.

[tranchibinh]

i think you you should add this to your css

.slider-post .button {
background:transparent url(images/buttonbg.png) repeat-x scroll center top;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-weight:bold;
text-align:center;
width:82px;
height: that is your height background image that all;
}