Har lite brådis iväg nu, men måste helt klart snabbsvara dig innan jag springer.
Sätt t ex float: left; istället för display: inline;
Det är visserligen valfritt, men display inline kan vara vara lite knepigare att få till, speciellt i vissa browsers (IE5.x har jag för mig).
Istället för att använda list-style-type: square; så skulle jag använda list-style-type: none; och sätta en background-image till ul.link li {} istället plus en padding-left som gör att texten förskjuts från din background-image.
Background-imagen är en liten "square" som du t ex gjort i Photoshop, vilket är bra, då den ser likadan ut i alla webbläsare, en klar fördel för ditt utseende (inte ditt då, utan din hemsidas
)
Positionera ut background-imagen rätt med horisontal/vertical position.
Gotta run! Lycka till!