Problema style in doua fisiere CSS

[evident]

Salut Marplo,
Am nevoie de o informatie pe care o caut de mai mult timp.
Am un fiseier records.css de genu:

Cod: Selectaţi tot

.records {
            width: 510px;
            margin: 5px;
            padding:2px 5px;
            border:1px solid #B6B6B6;
        }
        .record {
            color: #474747;
            margin: 5px 0;
            padding: 3px 5px;
       	    background:#E6E6E6;  
            border: 1px solid #B6B6B6;
            cursor: pointer;
            letter-spacing: 2px;
        }
        .record:hover {
            background:#D3D2D2;
        }
        .round {
        	-moz-border-radius:8px;
        	-khtml-border-radius: 8px;
        	-webkit-border-radius: 8px;
        	border-radius:8px;    
        }

In pagina in care vreau sa il includ il folosesc asa:

Cod: Selectaţi tot

<link href="css/records.css" rel="stylesheet" type="text/css" />

Dar cand il fososesc asa toata pagina mea nu mai merge, adica partea de css e la pamant dupa pentru ca eu am si un

Cod: Selectaţi tot

<link href="css/style.css" rel="stylesheet" type="text/css" />

care imi aranjeaza tot pe acolo.
O idee ar fi sa introduc acel cod din recordsd.css in style.css?
stima

Chiar este indicat sa ai proprietatile CSS intr-un singur fisier extern css, deoarece se reduc numarul de cereri si asteptari de la browser la server.
Oricum, problema poate fi de la conflicte intre proprietati aplicate la acelasi element (sau parinte) in cele 2 fisiere CSS.