Link zwischen zwei Bildern

[kathrin-77]

Hallo,

ich versuche seit Stunden ein horizontales Menü zu basteln. Jeder Menüpunkt ist wie folgt aufgebaut: Bild - Link mit Hintergrundbild - Bild. Die Bilder stellen abgerundete Ecken dar. Im Firefox sieht es auch wunderbar aus, aber im IE7 ist das Hintergrundbild um 6 Pixel nach oben verschoben. Ich kann margin, padding oder was auch immer benutzen, es rührt sich nix. Hier mal der Quellcode:

<img src="img/menuLeft.jpg" alt="" width="12" height="31" /><a href="#" class="ACT">Menü 1</a><img src="img/menuRight.jpg" alt="" width="12" height="31" />

Und das CSS sieht so aus:

a.ACT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	margin-top:0;
	color:#434343;
	text-decoration:none;
	line-height:31px;
	vertical-align:top;
	background-image:url(../img/menuMiddle.jpg);
	background-position:center;
	background-repeat:repeat-x;
	padding:7px 0 8px 0;
}

Wie gesagt im Firefox passt es, im IE7 nicht .

Hat jemand einen Tipp?

Danke,
Kathrin

[Elli]

Hmm, keine Ahnung, wie dein Menü fertig aussehen soll, aber so, wie du es
imo aufgebaut hat, macht man das normalerweise nicht. Besser, du benutzt
eine Linkliste für sowas, wie z.B. hier als Beispiel zu haben:
http://www.cssplay.co.uk/menus/pro_horizontal.html

Ansonsten würde ich den Link als display: block; setzen und auch noch ne
height: 31px angeben.