Помогите с css кодом???

дело в том, что подсказка эта выводится с помощью javascript, а это стиль для ее отображения - css.
положение подсказки (сверху-снизу-сбоку) , скорость и плавность ее вывода, прописаны в самом javascript, а не в этом css.
положение зависит от положения того элемента, к которому эта подсказка относится. поэтому код начинает работать после загрузки контента, когда выведены все блоки и расставлены по местам. иначе подсказка появится, а элемент, к которому она относится переместится.

а потому
1) в этом фрагменте ничего не нужно менять, если вид подсказки устраивает. изменением этого фрагмента ни одной из проблем не решить.
2) если такая возможность предусмотрена в скрипте, то можно просто дописать параметр. если нет - придется дописывать скрипт.
3) подобный код джаваскрипт обычно запускают по событию window.onload - т. е. когда основной контент загрузился.
если поставить инициализацию подсказок в самом HTML, то подсказки будут появляться только для тех элементов, которые стоят до этого скрипта. но будут появляться еще до того, как загрузился весь контент.
- не имеет смысла.. . обычно все грузится быстро, потому что в этом случае считается только загрузка HTML

хотите реальной помощи - давайте ссылку.

если подсказка на чистом css, то она в любом случае будет подгружаться только после наведения. как выход - использовать яваскрипт. Например фреймворк jquery и плагин mootip

сделай на js

http://www.htmlbook.ru/css/position.html
читай там

вероятно у тебя позиция не прописана: top: и сколько пикселей вверх

я конечно не спец в Xhtml и СSS но ты уверен что это именно делается в СSS а не DHTML например в JS