Uži opravdu nevím rady ohledně nastylování webu pro IE 7.
Neustále si to dělá co chce, v opeře, firefoxu i google chromu je to podle mých představ, ovšem IE7 uplně něco jiného. jak v IE 6 a dolů nevím.
Mohl by jste mi někdo poradit.
jedná se o tento web http://orientanec.wz.cz/ konkrétně jde o levé menu. Prosím co je špatně?
CSS
body {
margin:0;
padding:0;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
/*background: url(img/bg-okno.gif) repeat;*/
}
#komplet {
width: 790px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#logo {
width: 790px;
height:175px;
background: url(images/headr.jpg);
}
#telo {
width:790px;
height:auto;
min-height:270px;
background: url(images/telo.jpg) repeat-y;
}
#menu {
width:190px;
float:left;
background: url(images/tanecnice-spodek.jpg)no-repeat;
}
#menu ul {
margin: 0px;
padding: 120px 0px 0px 0px;
text-align:right;
font-weight:bold;
}
#menu ul li {
list-style-type:none;
line-height: 1.4;
}
#menu ul li a{
text-decoration: none;
display: block;
width:170px;
padding-right:22px
color:black;
}
#menu ul li a:link{
text-decoration: none;
display: block;
width:170px;
padding-right:22px
color:black;
}
#menu ul li a:hover{
width:170px;
background-color:#ECC439;
padding-right:22px;
color:black;
}
#menu ul li a:active{
width:170px;
background-color:#ECC439;
padding-right:22px;
color:black;
}
#menu ul li a:visited{
width:170px;
padding-right:22px;
color:black;
}
#text {
width:580px;
float:right;
padding: 0px 10px 0px 0px;
}
#pata {
width:790px;
height:40px;
background: url(images/pata.jpg);
}
#pata p {
text-align:center;
font-size:small;
padding:17px 0px 0px 0px;
margin:0px;
}
#pata p a {
text-decoration: none;
color:black;
font-weight:bold;
}
#pata p a:hover {
text-decoration: underline;
color:black;
font-weight:bold;
}
h1 {
font-family: "Time New Roman", "Arial CE", sans-serif;
font-size: 26px;
padding:0px;
margin:0px;
}
h2 {
font-family: "Time New Roman", "Arial CE", sans-serif;
font-size: 22px;
padding:0px;
margin:0px;
}
p {
padding:10px 10px 0px 10px;
margin:0px;
}