Newbie Box question

[LoveToCode]

I have a box that I made out of a div; Below is the code for it. In IE it is 260px wide. In firefox its 302px wide.

what the heck...

Here is the CSS:

<style type="text/css">
#playlist {
       background-color: #f2f2f2; 
       border: #414141 1px solid;
       padding: 20px;
       width: 220px; 
       float: left; 
       margin-right: 5px;
       margin-left: 5px; 
       margin-bottom: 5px;
       }
#playlist .edit {
    font-size: 13px; position: relative; top: -8px;
}
#playlist .delete {
    position: relative; left: 130px;
}
</style>

And the XHTML (please ignore the ASP.NET stuff in there)

<div id="playlist">
                    <a style="font-size: 12px; font-weight: bold;" href="playlistSongs.aspx?playlistId=<%#Eval("id")%>">
                        <img border="0" src="<%=Core.Config.Root%>/_img/_core/icon_playlist.gif"></a>
                    <span style="font-size: 20px; padding-left: 5px; position: relative; top: -8px;">
                        <%#Eval("title")%>
                    </span>
                    <span class="edit">
                        (<a href="playlistEdit.aspx?playlistId=<%#Eval("id")%>">Edit</a>)
                    </span>
                    <br />
                    <span>Created on
                        <%#Eval("dateAdded")%>
                    </span>
                    <br />
                    <span style="font-size: 17px;">
                        <%#Eval("songCount")%>
                        Songs</span><br />
                    <br />
                    <br />
                    <a style="font-size: 12px; font-weight: bold;" href="playlistSongs.aspx?playlistId=<%#Eval("id")%>">
                        Open Playlist</a>
                        <span class="delete"><a href="playlistDelete.aspx?playlistId=<%#Eval("id")%>">
                                <img border="0" src="<%=Core.Config.Root%>/_img/_core/icon_trash.gif" /></a>
                        </span>
                </div>

This is weird! Obviously I have a lot to learn about xbrowser scvripting.

-- Jenni

 

[vacunita]

The problem is the way IE6 renders divs in contrast to FF and other standard compliants browsers

Read this:

http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.