[clirre]

Hej,

Nu har jag suttit många långa timmar och försökt få ihop varför jag inte kan få IE och Firefox att visa mina knappar på samma sätt. Jag vill ha "dynamiska knappar" så att de expanderar utifrån hur lång texten inom knappen är. Men jag kan inte få paddingen att stämma. Ändrar jag i "vänster" så att den funkar för FF så pajar den för IE och vice versa. Så här blir det:



Ser ni nåt fel i CSS-koden nedan? Hur kan man göra för att få det att fungera? Jag har funderat på att ha olika CSS för olika browsers men det känns väldigt overkill.

#tabs ul {
margin-left: 0;
padding: 0;
display: inline;
}

#tabs ul li {
margin-right: 10px;
padding: 0 0 0 0;
background: url(images/button_left.gif) no-repeat left top;
list-style: none;
display: inline;
}

#tabs ul li a{
margin-left: 10px;
padding: 8px 25px 25px 10px;
background: url(images/button_right.gif) no-repeat right top;
list-style: none;
display: inline;
font-weight: bold;
}

#tabs ul li.here {
list-style: none;
display: inline;
}