Forum PHP.pl > [IE8][CSS] problem z position relative i top

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [IE8][CSS] problem z position relative i top

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

mpps

13.04.2010, 18:59:18

Witam,
kod:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  <meta name="language" content="pl">
  <link rel="stylesheet" href="style1.css" media="all" type="text/css">
</head>
<body>
<div style="height:200px"></div>
<div id="menu-bottom">
  <div><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a><a href="meble">aaa</a></div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

style:

[HTML] pobierz, plaintext 
body{margin:0; padding:0; background:#bbb; font:11px/1.5em Arial,sans-serif; color:#8c8c8c; text-align:center;}
#menu-bottom {height:94px; background:#484848; clear:both;}
#menu-bottom a {height:94px; padding:13px 3px 13px 3px; margin-right:17px; line-height:40px; background:transparent; color:#e1e0e0; text-decoration:none;}
#menu-bottom a:hover {padding:73px 3px 7px 3px; background:#959A9A; color:#fff; position:relative; top:60px;}
[HTML] pobierz, plaintext

problem:
Po najechaniu na link, powinien się on obniżyć o 60px.
Niestety w IE zaczyna 'skakać'. Pod FF i Operą wszystko jest OK.
Link [TUTAJ].
Czy to mój błąd w stylach, czy problem tkwi po stronie przeglądarki?
Może ktoś z Was ma jakiś pomysł?
Pozdrawiam

krzysztof_kf

13.04.2010, 19:48:34

Może tak ?

[CSS] pobierz, plaintext 
body{margin:0; padding:0; background:#bbb; font:11px/1.5em Arial,sans-serif; color:#8c8c8c; text-align:center;}
#menu-bottom {height:94px; background:#484848; clear:both;}
#menu-bottom a { height:94px; padding:13px 3px 13px 3px; margin-right:17px; line-height:40px; background:transparent; color:#e1e0e0; text-decoration:none;}
#menu-bottom a:hover {padding:13px 3px 73px 3px;  background:#959A9A; color:#fff;}
[CSS] pobierz, plaintext

mpps

19.04.2010, 18:22:39

Witam,
niestety nie (link nie przesuwa się na dół).

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.