przesunięta ramka z artukułem

[zary]

Witam!
Problem dotyczy strony http://addmore.xpx.pl/
Podczas modyfikacji pliku css szablonu Xeano 1.0.1 (dodanie tego baneru z zdjęciem wieżowca) automatycznie obniżyły się ramki z polami menu i treści artykułu. Walczę z tym od ponad tygodnia ale bez skutku :(

Oto część kodu z pliku CSS:


body {
background:
#FFF url(http://addmore.xpx.pl/images/top/bgtop.png) repeat-x;
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
}

a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#135cae;
}

a:hover {
text-decoration:none;
font-weight:normal;
color:#999;
}

a img {
border:none;
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

div#header {
width:900px;
height:386px;
margin:0 auto;
}
div#logo6 {
float:left;
width:900px;
height:200px;
background:url(http://addmore.xpx.pl/images/top/top.png) no-repeat;
}
div#logo {
float:left;
width:210px;
height:188px;
background:url(http://addmore.xpx.pl/images/logo.png) no-repeat;
}
div#logo2 {
float:left;
width:150px;
height:140px;
background:url(http://addmore.xpx.pl/images/logo2.png) no-repeat;
}
div#logo3 {
float:left;
width:150px;
height:140px;
background:url(http://addmore.xpx.pl/images/logo3.png) no-repeat;
}
div#logo4 {
float:left;
width:150px;
height:140px;
background:url(http://addmore.xpx.pl/images/logo4.png) no-repeat;
}
div#logo5 {
float:left;
width:150px;
height:140px;
background:url(http://addmore.xpx.pl/images/logo5.png) no-repeat;
}
div#topnav {
margin-top:104px;
float:right;
width:670px;
height:38px;
}

div#breadcr {
float:right;
margin-top:15px;
height:25px;
width:670px;
font-size:10px;
}

div#container {
width:900px;
margin:0 auto;
border:1px solid #DCDCDC;
background-color:#F9F9F9;
}

div#modleft {
float:left;
margin:5px 0px 5px 5px;
width:200px;
}

div#content {
margin:5px;
float:right;
padding:10px;
width:660px;
border:1px solid #DCDCDC;
background-color:#FFF;
}

div#modbot {
margin:5px;
background-color:#E1E1E1;
padding:5px;
}

div#footer {
width:886px;
background:url(http://addmore.xpx.pl/images/footer_bg.png) repeat-x;
height:30px;
margin:10px auto;
padding:8px;
color:#FFFFFF;
font-size:10px;
}

div#copyr {
padding-right:5px;
color:#FFF;
text-align:right;
}

div#copyl {
padding-left:5px;
color:#FFF;
text-align:left;
float:left;
}



/* horizontal menu */

#pillmenu {
text-align:left;
margin: 0;
}

#pillmenu ul {
margin: 0;
padding: 0;
list-style: none;
line-height:250%;
}

#pillmenu li {
float: left;
margin-bottom:0;
margin-right:5px;
height:38px;
width:111px;
background-image:url(http://addmore.xpx.pl/images/btn_bg.png);
background-repeat:no-repeat;
text-align:center;
}

#pillmenu li a {
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size: 11px;
font-weight: bold;
text-align:center;
display: block;
line-height:350%;
text-decoration: none;
}

#pillmenu li a:hover {
color:#336699;
background-image:url(../images/btn_top_mo.png);
background-repeat:no-repeat;
}

.clr {
clear:both;
}
Liczę na pomoc, dziękuję z góry i pozdrawiam!

[Bazyl]

Namieszałeś...
Ja usunąłem div id="topnav" i zwiększyłem wysokość header o 1px...

[Jdwind]

W kodzie:
div#topnav {
float:right;
height:38px;
margin-top:104px;
width:670px;


}

ten margines 104 px Ci obniża wszystko.

[zary]

dziękuję bardzo za pomoc :)

[Bazyl]

Warto przeczytać... (http://www.wiki.joomla.pl/Wi%C4%99cej_o_modu%C5%82ach_w_Joomla%21)