Ruimte tussen divs.

[bartjuh_4]

Hallo,
Ik ben bezig een layout te slicen, maar het lukt me maar steeds niet. Ik moet ongeveer 2px ruimte tussen elke div hebben. Maar telkens verschijft er weer wat waardoor het niet goed is.
Is er iemand die me kan helpen? De site is:
http://www.apeldoornssportmagazine.nl/index.html

De code:

<div id="left">
    <div style="padding-left: 2px;">
    <div class="tabel_1">
        <div style="padding: 4px;">
            <h2>Internationale menwedstrijd Beekb...</h2>
            De internationale menwedstrijd Beekbergen Apeldoorn en het Ronald McDonald Huis in Zwolle hebben de handen ineen geslagen. Tijdens de 24ste editie van het Paardenspektakel Beekbergen van 24 tot en met...            <br />
            <a class="black" href="index.php?actie=nieuws&amp;aid=4">Lees meer</a></div>

        </div>
    </div>        
</div>

<div id="middle">
    <div style="padding-left: 5px;">
            <div class="tabel_2">
                <div style="padding: 4px;">
                    <h2>En daar ligt hij dan, de nieuwe e...</h2>
                    Op zaterdag 22 december rolde alweer de derde editie van 055 Magazine van de pers af. Ditmaal met DJ Divato, Fashion Victims, Douwe Broekens, nieuwe romantische plekjes en nog veel meer!                    <br />
                    <a class="black" href="index.php?actie=nieuws&amp;aid=2">Lees meer</a>
                </div>
            </div>
    </div>
</div>



<div id="right">
    <div style="padding-left: 198px;">
            <div class="tabel_3">
                <div style="padding: 4px;">
                    <h2>Richard Klein: welkom!</h2>

                    Welkom op de website van Buro Sportzaken!                    <br />
                    <a class="black" href="index.php?actie=nieuws&amp;aid=5">Lees meer</a>
                </div>
            </div>
    </div>            
</div>

De css:

/* right */
#right
{
	float: left;
	width: 188px;
}

#middle
{
float: left;
width: 320px;
}

/* left */
#left
{
	float: left;
	width: 188px;
}


.tabel_1
{
float: left;
height: 257px;
width: 188px;
border:1px solid #bfbfbf;
}

.tabel_2
{
float: left;
height: 257px;
width: 320px;
border:1px solid #bfbfbf;
}

.tabel_3
{
float: right;
height: 257px;
width: 188px;
border:1px solid #bfbfbf;
}

Het is nu goed in FF maar niet in andere browsers.

Alvast bedankt.

 

[defietser]

In IE 7 zie ik daar ook geen problemen in!

 

[bartjuh_4]

Klopt! Heb het al opgelost, alleen door gebruik te maken van tables ipv divs!

 

[Drumpje]

je kan ook de border van de div op 1 zetten met de achtergrondkleur.