Problema "grandezza" link e compatibilità IE: HELP!

[magnotta]

Hola!
Ho alcuni dubbi su un sito web che ho appena realizzato....chiedo lumi a voi esperti!
Il sito è raggiungibile qui:

http://www.moti-f.it/prova/

Il sito è compatibile e validato per il W3C XHTML 1.0 (Transitional e Strict) e CSS 3.0
Il sito funziona bene ed è ottimizzato per Mozilla e per Safari (Google Chrome).
OVVIAMENTE su Internet Explorer si vede da schifo....
Parto con le domande:

1) Grandezza dei link: Su Firefox e Chrome è meno accentuata, ma potete notarla con maggiore evidenza su Internet Explorer. Specie navigando su "Progetti" nel menu di destra, si nota che è difficile andare sui link e bisogna essere estremamente "precisi". Su IE poi i link si attivano solo cliccando in verso l'estremità alta degli stessi. sennò non si attivano. E' come se i link avessero uno spazio "intorno", superiore ed inferiore (nonostante padding, margin e border siano sempre a 0) che va a "mangiarsi" lo spazio dei link adiacenti. Come risolvo?
2) Sempre su questo tema, credo....solo su Firefox, cliccando nella index sui link, intorno agli stessi si crea una specie di "reticolo" di 1px circa, grigetto, che lascia uno spazio sopra e sotto al link....la cosa non succede sugli altri browser, come lo tolgo? Cmq questo reticolo evidenzia il discorso di cui al punto 1) e cioè che i link sembrano circondati da uno spazio esterno, che rompe le scatole ai link vicini.
3) Questione Internet Explorer (PS ma perchè non esplode?! )...a parte le difficoltà di navigazione per il problema già descritto dei links (che vi imploro di aiutarmi a risolvere ), specie "progetti", cliccando sui vari links che si aprono con lightbox, la formattazione interna va tutta a BIP....specie accade una cosa fastidiosa, sia nei lightbox che anche nella index e nelle sotto-pagine, che molti caratteri o links vengono "mangiati" dal basso....oppure la personalissima interpretazione della formattazione di IE (vedi lightbox e voci "staff" e "contatti") fa si che tutto si appiccichi e una cosa vada sopra all'altra.
Come ne esco fuori?!

Grazie a tutti per il sottolineo preziosissimo aiuto!

 

[lukeonweb]

Innanzitutto benvenuto!

Ho visto quel che hai fatto e, nonostante le tue spiegazioni, non ho mica capito l'effetto finale che vuoi ottenere...

In sostanza dovrebbe essere un menu con sottomenu che si apre in DHTML?

Il problema quindi è di CSS, ho capito bene?

 

[magnotta]

Innanzitutto benvenuto!

Ho visto quel che hai fatto e, nonostante le tue spiegazioni, non ho mica capito l'effetto finale che vuoi ottenere...

In sostanza dovrebbe essere un menu con sottomenu che si apre in DHTML?

Il problema quindi è di CSS, ho capito bene?

ciao!
guarda il problema principale che mi preme di più (e che credo dipenda dal CSS) l'ho spiegato nei punti 1) e 2)
E cioè i link che vedi nel sito....
Marginalmente con Firefox, in maniera evidente su Explorer, tutti i link sono difficilmente navigabili....nel senso che bisogna essere estremamente "precisi" perchè si evidenzino, o per cliccarli. E' come se avessero un margine superiore ed inferiore che si "mangia" spazio negli altri link.
Più facile a vedersi che a spiegarsi, cmq....apri Explorer, vai su "Progetti" e passando il mouse sui link o provando a cliccarci nota la problematica....addidittura su IE prima che si evidenzino con l'hover bisogna andare con il cursore proprio sulla punta superiore del link!

 

[magnotta]

nessuna idea su quale sia il motivo della difficile navigabilità dei link, specie su internet explorer? help....

 

[magnotta]

Quello di cui non mi riesco a capacitare è:
provate a vedere i link della parte "progetti", specialmente, con l'aiuto di Firegbug o di IE Developer Toolbar....
Possibile che gli <A> debbano avere tutto quello spazio sopra e sotto, e non si riesca a far si che la zona attiva del link sia ricompresa ESATTAMENTE dentro lo stretto necessario, in altezza e larghezza, della scritta utilizzata?
Perchè per cliccare su un link devo farmi un c&$& assurdo?
Non riesco proprio ad uscirne....