[HTML][CSS] Problem z tłem.

Kod:

<!DOCTYPE html>



<html lang="$ContentLocale">

  <head>

        <% base_tag %>

        <title><% if MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>

        $MetaTags(false)

        <link rel="shortcut icon" href="/favicon.ico" />

        

        <% require themedCSS(layout) %> 

        <% require themedCSS(typography) %> 

        <% require themedCSS(form) %> 

        

        <!--[if IE 6]>

            <style type="text/css">

             @import url(themes/blackcandy/css/ie6.css);

            </style> 

        <![endif]-->

    </head>

<body>

<div id=background_1>

        <a><img src="themes/web/images/background_1.png"</a>

</div>









<div class=logo>

            

            <a href="home/" title="Zapraszam do zapoznania się z moja stroną."><img src="themes/web/images/logo_1.png"></a>

        </div>

        

<div id=nav>

    <a><img src="themes/web/images/menu_1.png"></a>

</div>

<div class=menu>

                        



</div>



<div id=box_1>

    <a><img src="themes/web/images/box_1.png"></a>

</div>

<div id=box_2>

    <a><img src="themes/web/images/box_2.png"></a>

</div>

<div class=przycisk_l>

    <a><img src="themes/web/images/przycisk_l.png"></a>

</div>

<div class=przycisk_p>

    <a><img src="themes/web/images/przycisk_p.png"></a>

</div>





$Layout

</body>

</html>

Kod:

/*       CSS RESET          */

 

 

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, time, legend {margin: 0; padding: 0; border: 0; outline: 0; font-family: Steinem, Lucida, Arial, sans-serif; font-size:100%; vertical-align: baseline;}

:focus {outline: 0;}

body {background:  #191919;  font-size: 14px; color: #333333; line-height: 18px;}

ol, ul {list-style: none;}  

table {border-collapse: collapse; border-spacing: 0;} 

caption, th, td {text-align: left; font-weight: normal;} 

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

header, footer, section, aside, nav, article, figure, time, legend {display:block;}



@font-face {

    font-family: Steinem;

    src: url('../font/STEINEMU.ttf');

}



.clear {clear: both;}

.clear2 {clear: none;}

 

 

/* CSS SCHEMAT

-------------------------------------------- */

@import url(reset.css);



#background_1 { margin:0 0 0 300px; width: 1020px; height: 1020px; position:absolute ;top:0; }

.logo {width:661px ; height:110px;  margin: 30px 0 0 330px  ; position:relative;}

#nav { width:1030px; height:130px;  position:relative ;  margin: 20px 0 0 294px;}     

#ul { top:0}                                                    

#box_1 {float:left; clear: both; width:965px; height:230px ;margin: 0 0 0 330px  ;position:relative ; top:;}

#box_2 { width:965px; height:430px ;padding: 0 0 0 330px ;position: relative ; top:; }

.przycisk_l { width:50px; height:50px; position:absolute ;margin: 150px 0 0 1150px ; } 

.przycisk_p { width:50px; height:50px; position:absolute; margin: 150px 0 0 1200px; }









/* COMMENTS

---------------------------------------- */

#CommentHolder ul {

    list-style: none;

    margin: 20px 0;

}

#PageComments li {

    margin: 5px 0;

    padding: 1px;

    width: 88%;

}

    #PageComments li.odd {

        background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

        padding-left: 40px;

        padding-right: 10px;

        border-bottom: 2px solid #BCE4FE;

    }

    #PageComments li.even {

        background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

        padding-right: 40px;

        padding-left: 10px;

    }



        #PageComments li.odd p.info {

            color: #3AA0C3;

        }



        .actionLinks li {

           display: inline;

           border-right: 1px solid #ddd;

        }

            .actionLinks li a {

                padding-right: 3px;

                font-size: 10px;

            }

               .actionLinks li.last {

                  border-right: none;

               }



.commentrss {

    background: transparent url(../images/feed-icon-14x14.png) no-repeat;

    padding-left: 20px;

    font-size: 1.1em;

    line-height: 1.6em;

}

#PageCommentsPagination p {

    text-align: center;

    font-size: 1.2em;

}

#PageComments p {

    font-size: 1em;

    margin: 8px 0;

}

    #PageComments p.info {

        color: #999;

        margin: 0px;

        padding: 0;

        line-height: 1em;

        font-size: 0.9em;

    }





#PageCommentInterface_Form_PostCommentForm_action_postcomment {

    margin-bottom: 20px;

}



/* SEARCH RESULTS STYLES

------------------------------------------------ */

ul#SearchResults {

    margin: 10px 0;

}

    ul#SearchResults li {

        list-style: none;

        margin: 5px 0;

        font-size: 1em;

    }



/* SEARCH FORM 

-----------------------------------------------*/

#SearchForm_SearchForm {

    float: right;

    width: 240px;

    margin: 5px;

}

    #SearchForm_SearchForm .middleColumn {

        float: left;

        width: 164px;

        margin: 0 5px 0 0;

        padding: 2px;

        background-color: #51a9df;

    }

    

        #SearchForm_SearchForm .middleColumn input.text {

            width: 160px;

            border: none;

            color: #666;

        }

        

    #SearchForm_SearchForm #SearchForm_SearchForm_action_results {

        float: left;

        margin-top: 2px;

    }



/* MESSAGEBOXS

--------------------------------------------- */

.message {

    margin: 15px;

    padding: 5px;

    width: 92%;

    color: #979908;

    border: 4px solid #F7F8B4;

    background: #FFFFEA;

}

span.middleColumn .message {

    margin: 4px 0 0 3px;

}

.required {

    margin: 4px 0 0 3px;

    padding: 5px;

    width: 92%;

    color: #DC1313;

    border: 4px solid #FF7373;

    background: #FED0D0;

}



p#Remember label {

    margin: -24px 0 0 20px;

    text-align: left;

}

.entry {

    border-bottom: 1px solid #eee;

}



.typography #Content p.authorDate {

    color: #444;

    margin-top: -15px;

    }

    

/* UNSUBSCRIBE NEWSLETTER

------------------------------------------------ */

#Unsubscribe_MailingListForm_MailingListForm{

    min-height:100px;

}



    #Unsubscribe_MailingListForm_MailingListForm p{

        margin:0 !important;

        padding:10px;

    }

        #Unsubscribe_MailingListForm_MailingListForm p label{

            display: inline;

        }

    #Unsubscribe_MailingListForm_MailingListForm label{

        margin:0;

    }