Два проблема с css

[proba]

Имам проблем със сайта , под IE и Chrome (под mozilla не съм гледал , поради простата причина че я нямам.) А пък с Opera излиза както трябва.

Първо с Opera: http://store.picbg.net/pubpic/7D/87/eee8fc21742b7d87.png
Тук си е наред.
Както и лентата долу е наред.
Ето като кликна лентата долу какво излиза:
http://store.picbg.net/pubpic/40/11/c2ebc1a254134011.png

Първото с Chrome е наред както и с Opera.
Но долу лентата не си е на мястото:
http://store.picbg.net/pubpic/6C/C6/13c9d195b8bc6cc6.png
Ето и като кликна лентата , отново с Chrome:
http://store.picbg.net/pubpic/6C/1F/4c29a6252a536c1f.png

Първото с Internet Explorer: http://store.picbg.net/pubpic/25/2E/f503d591e4d0252e.png

Не излиза целия бекгрунд (той се появява при hover на <а>).
Втори птоблем: вижте къде излиза лентата горе.
Съответно и като кликна върху нея , div-a който се показва , излиза горе.

Ето и css:

За това с a:hover-a дето се размества:

#menu a
{
width: 60px;
height: 50px;
color: #ffffff;
display: block;
padding: 10 10 10 10px;
text-decoration: none;
}

#menu a:hover
{
width: 60px;
height: 50px;
color: #ffffff;
background: url('buton.png') no-repeat;
padding: 10 10 10 10px;
text-decoration: none;
}

За лентата която трябва да стой най-долу:

.info
{
bottom:0;
height:25px;
left:0;
margin-left: 20px;
position:fixed;
right:auto;
top:auto;
width:200px;
z-index:5;
border: 1px #cccccc solid;
border-bottom: 0px;
padding-left: 0px;
}

Ето и за div-a който се показва като цъкнем лентата:

.info2
{
background-color: #ffffff;
bottom:0;
height:50px;
left:0;
margin-left: 20px;
margin-bottom: 25px;
position:fixed;
right:auto;
top:auto;
width:410px;
z-index:5;
border: 1px #cccccc solid;
border-bottom: 0px;
padding-left: 0px;
}

Моляви , помогнете за да се нагласи под всички браузъри :shock: :| ;x

 

[macmen]

не ги прави така а ги float:left;
и ги сложи в

<ul >
<li><a>dsdassd</a></li>
</ul>
css:

#menu {float:left; width:KOLKOTO ISKA6 tam;}
#menu ul {list-style:none;}
#menu ul li {display:inline float:left;}
#menu ul li a {color: #ffffff; display: block;
padding: 10px 10px 10px 10px; width: 60px; height: 50px;
text-decoration: none; }
#menu ul li a:hover {width: 60px;
height: 50px;
color: #ffffff;
background: url('buton.png') no-repeat;
padding: 10 10 10 10px;
text-decoration: none; }

.info2 {
float:left;
width:200px;
z-index:5;
border: 1px #cccccc solid;
border-bottom: 0px;
margin-left: 20px;
margin-bottom: 25px;
padding-left: 0px; }

 

[proba]

Ама лентата трябва да се е винаги най-долу , дори и да скролирам сайта.
Да добавя ли position: fixed или ?

Лентата пак се размества.
А да забравил съм да дам и кода за самата лента:

.info
{
bottom:0;
height:25px;
left:0;
margin-left: 20px;
position:fixed;
right:auto;
top:auto;
width:200px;
z-index:5;
border: 1px #cccccc solid;
border-bottom: 0px;
padding-left: 0px;
}

А с кода който даде , бутона пак не излиза с IE , а с Chrome въобще ен гледах , след като видях че с Ie не е наред.
И лентата също не си е на мястото.
Други предложения как да го наглася ?

 

[proba]

Никой ли неможе да помогне с този css ??? :|

 

[proba]

Айде де , 10000 човека пишете в тоя раздел , няма ли кой да помогне ? .................