Unwanted white space between DIVs, but no margin is set?!?

[Eiirp]

Hello,

I'm working on a blog (Tumblr) which should display one post after another in 100% width of the browser and with no gaps inbetween. Everything works good so far, but I keep getting small white spaces between the post-divs which I can not get rid of. I already tried setting margins and paddings to 0px, but nothing helped.

Here the page:
http://lakshmanasonofkaikeyi.tumblr.com/

Here's my HTML (You can ignore the {}-brackets, they are just variables for tumblr to set what kind of post/postinformation to put):

<div class="post">
        
        {block:Photo}
            <div class="image">
            
                <a class="next" href="#">        
                <img src="{PhotoURL-500}" width="100%"/>
                </a>
                
                <div class="postinfo">
                    <table width="100%">
                    <th align="left" style="padding-left: 5px;">
                        {block:Date}
                            {DayOfMonth}.{MonthNumber}.{Year}
                        {/block:Date}
                    </th>
                    
                    <th align="center">
                        {block:Caption}
                        {Caption}
                        {/block:Caption}
                    </th>
                    
                    <th align="right" style="padding-right: 5px;">
                        {block:Date}
                            {24Hour}:{Minutes}:{Seconds}
                        {/block:Date}
                    </th>
                </table>
                </div>
                
            </div>
        {/block:Photo}
        
</div>

Here's the CSS:

<style>
    
        body {
            margin: 0px;
            padding: 0px;
            color: #000000;
            background: #ffffff;
            font-family: Helvetica, Arial;
        }
        
        p {
            padding: 0px;
            margin: 0px;
        }
        
        th {
            font-weight: normal;
        }
        
        .post {
            position: relative;
            width: 100%;
            margin: 0px;
        }
        
        .image {
            position: relative;
            margin: 0px;
        }
        
        .postinfo {
            position: absolute;
            top: 3px;
            width: 100%; 
            margin: 0px; 
            padding: 0px;
        }
        
        table {
            margin: 0px;
            padding: 0px;
        }
        
        .next{  
        }
    
    </style>

Does anyone know how to get rid of those spaces?

Thanks!

[curtay]

you probably have to remove the newlines and spaces from the HTML code between the elements like:

<a class="next" href="#"><img src="{PhotoURL-500}" width="100&#37;"/></a>