Не убирается отступ от рамки до бордюра фрейма

[Syltan]

Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм.
Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту,
чтоб голубая рамка была впритык к бордюру плавающего фрейма?
Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

[nec117]

Мой вам совет. Используйте div то как вы делаете на фрэймах - это ужасно! Зачем вам это нужно? это же неудобно и не красиво.

[Syltan]

После долгих стараний, вроде всё вышло. Я написал перед тего боди точку, это в фале в стилях.
Затем в файл lab1237..html в теге боди прописал класс, class="body".
Затем поизменял немного вот это место размеры.

/* 3-ная рамка для карты изображения*/
#karta1{padding:30px; border-style:solid; border-width:30px; border-color:yellow;
width:440px; height:350px; background:red;}

#karta1 img{display:block;  border-style:solid; border-width:20px;
border-color:#ffcc00;  }

#karta2{border:30px solid #33ccff; width:560px; height:470px;}

А в плавающем фреймне написал следущее:

<iframe  src="karta.html" 
width="620" height="540" marginwidth="0" scrolling="no"">
</iframe>

Получились маленькие но всё же они есть отступы, мизерные но они есть. Как их убрать?
Отступы произошли сверху и снизу фрема, но она браузере Опера всё иделаьно, но на др, вот эта проблемма.
Вот проект уже в переделанном виде.
http://www.sharemania.ru/0182770

[MrJenika]

подключите стиль reset который убирает все стили стоящие по умолчанию :

/* Yahoo! UI Library: CSS сброс
http://developer.yahoo.com/yui/reset/

 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}