I fixed the secon and the third button by adding padding to the divs they were in: you had the divs sitting at the top of the page, so the text went up there too. The first button you'll have to see what you do!
- Code: Select all
#container #button2 {
background-image:url(images/button2.jpg);
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bolder;
height:30px;
left:87px;
padding:35px 0px 0px 6px;
position:relative;
width:80px;
}
#container #button3 {
background-image:url(images/button3.jpg);
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bolder;
height:30px;
left:87px;
padding:35px 0px 0px 6px;
position:relative;
width:95px;
}
Hope that helps!
You can make them look better with more padding, just remember to toggle the height and the width to keep it looking good.