1 reply [Last post]
pdg
Offline
newbie
Last seen: 12 years 27 weeks ago
Joined: 2009-10-27
Posts: 2
Points: 3

I have style some input buttons using CSS, they all work fine in firefox but in IE6 a few of them have dissapeared. I can get them to diplay agian if I add {diplay:block;} to my code, which is ok if its a single button but in somecases its a row of buttons and I dont want them to stack.

The code I am using to style the buttons is:

#wlpeProfileButton{  background: transparent url('../images/buttons/profile.png') no-repeat center top; 
padding:0px;  
border:0px; 
width:63px; 
height:25px;
text-indent: -1000em;
text-transform: capitalize;
font-size: 0px; line-Height: 0px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
overflow:visible; /* ie6/7 width fix */
}

Thanks

pdg
Offline
newbie
Last seen: 12 years 27 weeks ago
Joined: 2009-10-27
Posts: 2
Points: 3

I got around this by place a

I got around this by place a none braking line space   before the buttons.

IE - Go Die.