Następujący fragment kodu:
CSS:
Kod
body {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#pageContent ul.pager {
float: right;
height: 10px;
}
div#pageContent ul.pager li {
border-style: solid;
border-width: 1px;
border-color: #7A1A1A;
margin-left: 4px;
display: inline;
padding: 2px;
padding-left: 3px;
padding-right: 3px;
background-color: #EEEEEE;
}
div#pageContent ul.pager li.selected {
color: #FFFFFF;
background-color: #C62A2A;
}
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#pageContent ul.pager {
float: right;
height: 10px;
}
div#pageContent ul.pager li {
border-style: solid;
border-width: 1px;
border-color: #7A1A1A;
margin-left: 4px;
display: inline;
padding: 2px;
padding-left: 3px;
padding-right: 3px;
background-color: #EEEEEE;
}
div#pageContent ul.pager li.selected {
color: #FFFFFF;
background-color: #C62A2A;
}
HTML (doctype to HTML 4.01 strict):
Pod FF i Operą wygląda to zgodnie z zamierzeniem:

Niestety pod IE są już problemy:

Wygląda na to, że ucina on element ignorując padding-top i bottom. Co ciekawe po usunięciu tych atrybutów z CSS problem nadal występuje.
Jak temu zaradzić?

Pozdrawiam