main.css und old.css

[angisun]

Hallo,

zum Üben von CSS habe ich ein Template runtergeladen.
Es sind zwei CSS-Dateien dabei: main.css und old.css

Hier mein Problem:

In der Vorlage sehen die Textlinks sauber aus. Sobald der Link jedoch mehr oder weniger als 9 Buchstaben hat, verändert sich der Hintergrund. Das würde ich gerne ändern.


Die main.css

body{
color:black;
background:#f6f6f6;
padding:0;
margin:0;
font:13px verdana, sans-serif;}


#head{
color:black;
background:#cccccc;
border-bottom:3px solid black;
padding-top:50px;
margin:0;}
#head h1{
color:white;
background:#a8a8a8;
padding:2px;
margin:0;
border-top:1px solid black;
font:bold 18px verdana, sans-serif;}


#menulinks{
float:left;
width:120px;}
#menulinks ul{
margin:0px;
padding:30px 0 0 5px;
list-style:none;}
#menulinks li{
padding:0 0 5px 0;
margin:0;}
#menulinks a{
color:black;
background:#e1e1e1;
padding:2px 20px 2px 20px;
border:1px solid black;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#menulinks a:hover{color:white;background:#9a9a9a;}


#menurechts{
float:right;
width:120px;}
#menurechts ul{
margin:0px;
padding:30px 0 0 0px;
list-style:none;}
#menurechts li{
padding:0 0 5px 0;
margin:0;}
#menurechts a{
color:black;
background:#e1e1e1;
padding:2px 20px 2px 20px;
border:1px solid black;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;}
#menurechts a:hover{color:white;background:#9a9a9a;}


#content{
color:black;
background:#ededed;
margin:0 130px 0 130px;
padding:30px;
border-left:2px solid black;
border-right:2px solid black;}
#content h2{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
border-left:10px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#content h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#content h4{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}


#foot{color:white;
background:#a8a8a8;
padding:0;
margin:0;
border-top:2px solid black;}
#foot p{margin:0;padding:4px;}

----------

Die old.css

body{
color:black;
background:#f3f3f3;
padding:0;
margin:0;
font:14px verdana, sans-serif;}

#head h1{
padding:2px;
margin:0;
font:bold 20px verdana, sans-serif;}

#menulinks{
float:left;
width:120px;}
#menulinks ul{
margin:0px;
padding:0;
list-style:none;}
#menulinks li{
padding:0 0 4px 0;
margin:0;}
#menulinks a{
color:black;
background:transparent;
font-weight:bold;
font-size:13px;
text-decoration:none;}

#menurechts{
float:right;
width:120px;}
#menurechts ul{
margin:0px;
padding:0;
list-style:none;}
#menurechts li{
padding:0 0 4px 0;
margin:0;}
#menurechts a{
color:black;
background:transparent;
font-weight:bold;
font-size:13px;
text-decoration:none;}

#content{
color:black;
margin:0;
padding:30px;}
#content h2{
margin:10px;
font:bold 18px verdana, sans-serif;}
#content h3{
margin:10px;
font:bold 16px verdana, sans-serif;}
#content h4{
margin:10px;
font:bold 14px verdana, sans-serif;}

#foot{
padding:0;
margin:0;
border-top:2px solid black;}
#foot p{margin:0;padding:4px;}



Ich habe schon eigies versucht, aber leider finde ich die Lösung nicht.

Wer kann mir helfen?

Gruß Angisun