Quellcode
- /* == == == Main Menu == == == */
- #mainMenu {
- height:31px;
- margin-left:8px;
- }
- #mainMenu img {
- display:none;
- }
- .mainMenu a {
- border: 0px solid #8da4b7;
- border-width: 0 0px;
- background-repeat:no-repeat;
- padding:5px -0px 5px 13px;
- margin-left:16px;
- font-size:1em;
- font-weight:bold;
- line-height:20px;
- }
- .mainMenu li {
- padding-right:12px;
- background:url(../images/apfelFRUCHT/largeButtons.png) no-repeat right top;
- }
- .mainMenu .active a, .mainMenu .firstActive a, .mainMenu .lastActive a {
- background-position:0% -89px;
- background-color: transparent !important;
- }
- .mainMenu li.active, .mainMenu li.firstActive, .mainMenu li.lastActive {
- background-position:100% -89px;
- border:0 !important;
- background-color:transparent !important;
- }
Ich habe nun im IE das Problem das oben und unten ein Stück der Button-Grafik fehlt. Wenn ich "display:block;" einfüge sind die Buttons allerdings viel zu breit, wobei nun die höhe stimmt. Die Breite der Buttons soll natürlich variabel sein.
FF
IE <- Buttons im Header, oben und unten sind die Grafiken abgeschnitten.
Ich habe mal Bilder angehängt